Merge version_1 into main #1
161
src/app/page.tsx
161
src/app/page.tsx
@@ -31,19 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "XALPHYN",
|
||||
id: "/xalphyn",
|
||||
},
|
||||
name: "XALPHYN", id: "/xalphyn"},
|
||||
]}
|
||||
brandName="SYNTHBEATSWAVES"
|
||||
button={{
|
||||
text: "Get Access",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Access", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -53,13 +47,9 @@ export default function LandingPage() {
|
||||
description="AI-Generated Music. No Copyright. Infinite Creativity. Power your content with the future of sound."
|
||||
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"
|
||||
/>
|
||||
@@ -70,18 +60,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,20 +78,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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."
|
||||
@@ -115,52 +91,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="tracks" data-section="tracks">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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: "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: "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: "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."
|
||||
@@ -175,20 +122,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Tracks Created",
|
||||
},
|
||||
id: "m1", value: "500+", description: "Tracks Created"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
description: "Platforms Active",
|
||||
},
|
||||
id: "m2", value: "12", description: "Platforms Active"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2.5M",
|
||||
description: "Creator Streams",
|
||||
},
|
||||
id: "m3", value: "2.5M", description: "Creator Streams"},
|
||||
]}
|
||||
title="Impact In Numbers"
|
||||
description="Powering creators worldwide."
|
||||
@@ -201,45 +139,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -250,16 +158,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Start creating with SBW today. Join our digital rebellion."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Tracks",
|
||||
},
|
||||
text: "Browse Tracks"},
|
||||
{
|
||||
text: "Download Music",
|
||||
},
|
||||
text: "Download Music"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -268,13 +173,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="SYNTHBEATSWAVES"
|
||||
leftLink={{
|
||||
text: "YouTube",
|
||||
href: "https://youtube.com",
|
||||
}}
|
||||
text: "YouTube", href: "https://youtube.com"}}
|
||||
rightLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
}}
|
||||
text: "Instagram", href: "https://instagram.com"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -2,12 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function XalphynPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -22,83 +22,47 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "XALPHYN",
|
||||
id: "/xalphyn",
|
||||
},
|
||||
]}
|
||||
brandName="SYNTHBEATSWAVES"
|
||||
button={{
|
||||
text: "Get Access",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "XALPHYN", id: "/xalphyn" },
|
||||
]}
|
||||
brandName="SYNTHBEATSWAVES"
|
||||
button={{ text: "Get Access", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="xalphyn-intro" data-section="xalphyn-intro">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "XALPHYN: Architect of SynthBeatsWaves",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Connect on Discord",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="xalphyn-intro" data-section="xalphyn-intro">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[{ type: "text", content: "XALPHYN: Architect of SynthBeatsWaves" }]}
|
||||
buttons={[{ text: "Connect on Discord" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="xalphyn-vision" data-section="xalphyn-vision">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Who is XALPHYN?",
|
||||
content: "A visionary creator blending sound and vision.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Vision",
|
||||
content: "Evolving into full 3D cinematic storytelling.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Philosophy",
|
||||
content: "I don't just make music, I create atmospheres.",
|
||||
},
|
||||
]}
|
||||
title="Artist Identity"
|
||||
description="Blends emotion, AI, and sound in a digital rebellion."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SYNTHBEATSWAVES"
|
||||
leftLink={{
|
||||
text: "YouTube",
|
||||
href: "https://youtube.com",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="xalphyn-vision" data-section="xalphyn-vision">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Who is XALPHYN?", content: "A visionary creator blending sound and vision." },
|
||||
{ id: "f2", title: "Vision", content: "Evolving into full 3D cinematic storytelling." },
|
||||
{ id: "f3", title: "Philosophy", content: "I don't just make music, I create atmospheres." }
|
||||
]}
|
||||
title="Artist Identity"
|
||||
description="Blends emotion, AI, and sound in a digital rebellion."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SYNTHBEATSWAVES"
|
||||
leftLink={{ text: "YouTube", href: "https://youtube.com" }}
|
||||
rightLink={{ text: "Instagram", href: "https://instagram.com" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user