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

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

3 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
0931dda832 Update src/app/styles/variables.css 2026-04-21 20:29:28 +00:00
bender
2b3e2d6765 Update src/app/page.tsx 2026-04-21 20:29:28 +00:00
bender
4e7506c070 Merge version_1 into main 
Merge version_1 into main
 2026-04-21 20:26:59 +00:00
2 changed files with 42 additions and 69 deletions
Expand all files Collapse all files

101
src/app/page.tsx
View File

@@ -4,11 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText'; import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven'; 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 HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo'; 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 ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen'; import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
@@ -28,16 +28,13 @@ export default function LandingPage() {
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "/" },
name: "Home", id: "/"}, { name: "XALPHYN", id: "/xalphyn" },
{
name: "XALPHYN", id: "/xalphyn"},
]} ]}
brandName="SYNTHBEATSWAVES" brandName="SYNTHBEATSWAVES"
button={{ button={{ text: "Get Access", href: "#contact" }}
text: "Get Access", href: "#contact"}}
/> />
</div> </div>
@@ -46,10 +43,8 @@ export default function LandingPage() {
logoText="SYNTHBEATSWAVES" logoText="SYNTHBEATSWAVES"
description="AI-Generated Music. No Copyright. Infinite Creativity. Power your content with the future of sound." description="AI-Generated Music. No Copyright. Infinite Creativity. Power your content with the future of sound."
buttons={[ buttons={[
{ { text: "Explore Music", href: "#tracks" },
text: "Explore Music", href: "#tracks"}, { text: "Meet The Creator", href: "/xalphyn" },
{
text: "Meet The Creator", href: "/xalphyn"},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-rainbow-nature_23-2151498298.jpg" imageSrc="http://img.b2bpic.net/free-photo/beautiful-rainbow-nature_23-2151498298.jpg"
/> />
@@ -59,14 +54,11 @@ export default function LandingPage() {
<InlineImageSplitTextAbout <InlineImageSplitTextAbout
useInvertedBackground={false} useInvertedBackground={false}
heading={[ heading={[
{ { type: "text", content: "The Digital Music Revolution" },
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: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgMQVM840iKtrmj88Cn6c5EwJ5/uploaded-1776803164070-4koag6ze.jpg"},
]} ]}
buttons={[ buttons={[
{ { text: "Learn More" },
text: "Learn More"},
]} ]}
/> />
</div> </div>
@@ -77,12 +69,9 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ { title: "AI Music Creation", description: "Cutting-edge algorithmic compositions.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139258.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: "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" title="Our Agency Ecosystem"
description="Next-generation tools for creators." description="Next-generation tools for creators."
@@ -96,18 +85,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "1", name: "Memory Reboot", price: "Free", variant: "Synthwave", imageSrc: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710959.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: "2", name: "Neon Dreams", price: "Free", variant: "Cyberpunk", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930682.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: "3", name: "Distant Echoes", price: "Free", variant: "Cinematic", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591472.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: "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" title="Featured Tracks"
description="Infinite sounds for creators." description="Infinite sounds for creators."
@@ -121,12 +104,9 @@ export default function LandingPage() {
gridVariant="bento-grid" gridVariant="bento-grid"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ { id: "m1", value: "500+", description: "Tracks Created" },
id: "m1", value: "500+", description: "Tracks Created"}, { id: "m2", value: "12", description: "Platforms Active" },
{ { id: "m3", value: "2.5M", description: "Creator Streams" },
id: "m2", value: "12", description: "Platforms Active"},
{
id: "m3", value: "2.5M", description: "Creator Streams"},
]} ]}
title="Impact In Numbers" title="Impact In Numbers"
description="Powering creators worldwide." description="Powering creators worldwide."
@@ -138,16 +118,11 @@ export default function LandingPage() {
textboxLayout="split-description" textboxLayout="split-description"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ 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: "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: "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: "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: "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" title="Community Voices"
description="Hear from the creators we power." description="Hear from the creators we power."
@@ -157,25 +132,23 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient"}}
text="Start creating with SBW today. Join our digital rebellion." text="Start creating with SBW today. Join our digital rebellion."
buttons={[ buttons={[
{ { text: "Browse Tracks" },
text: "Browse Tracks"}, { text: "Download Music" },
{
text: "Download Music"},
]} ]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterBase
logoText="SYNTHBEATSWAVES" logoText="SYNTHBEATSWAVES"
leftLink={{ columns={[
text: "YouTube", href: "https://youtube.com"}} { title: "Platform", items: [{ label: "Tracks", href: "#tracks" }, { label: "AI Tools", href: "#features" }] },
rightLink={{ { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
text: "Instagram", href: "https://instagram.com"}} { title: "Social", items: [{ label: "YouTube", href: "https://youtube.com" }, { label: "Instagram", href: "https://instagram.com" }] },
]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>

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

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