Merge version_1 into main #1
234
src/app/page.tsx
234
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Lab",
|
||||
id: "features",
|
||||
},
|
||||
name: "Lab", id: "features"},
|
||||
{
|
||||
name: "Releases",
|
||||
id: "products",
|
||||
},
|
||||
name: "Releases", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="VoxTron"
|
||||
/>
|
||||
@@ -58,65 +48,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Where Mortal Beings Become Legends in the Meta Verse."
|
||||
description="VoxTron Recordz is a futuristic independent record label redefining the intersection of music, artificial intelligence, and the metaverse. Engineering sonic universes from the digital underground."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Grid",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join the Grid", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-opened-hard-disk_23-2149413359.jpg"
|
||||
imageAlt="futuristic cyberpunk interface sound waves"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-with-red-light-still-life_23-2149417035.jpg",
|
||||
alt: "High angle hard drive with red light still life",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-with-red-light-still-life_23-2149417035.jpg", alt: "High angle hard drive with red light still life"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139123.jpg",
|
||||
alt: "Blurred night lights",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139123.jpg", alt: "Blurred night lights"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-futuristic-record-player_23-2151072918.jpg",
|
||||
alt: "View of futuristic record player",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-futuristic-record-player_23-2151072918.jpg", alt: "View of futuristic record player"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hard-disk-with-bright-light_23-2149413373.jpg",
|
||||
alt: "High angle hard disk with bright light",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hard-disk-with-bright-light_23-2149413373.jpg", alt: "High angle hard disk with bright light"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301549.jpg",
|
||||
alt: "Optical fiber background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301549.jpg", alt: "Optical fiber background"},
|
||||
]}
|
||||
avatarText="Join 2000+ synth-pioneers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-DRIVEN BEATS",
|
||||
type: "text", text: "AI-DRIVEN BEATS"},
|
||||
{
|
||||
type: "text-icon", text: "NEON SOUL", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "NEON SOUL",
|
||||
icon: Zap,
|
||||
type: "text", text: "CYBERNETIC AUDIO"},
|
||||
{
|
||||
type: "text-icon", text: "VIRTUAL REALITY", icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "CYBERNETIC AUDIO",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "VIRTUAL REALITY",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "META-RELEASE READY",
|
||||
},
|
||||
type: "text", text: "META-RELEASE READY"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,29 +95,19 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Sonic Innovation",
|
||||
value: "2026+",
|
||||
},
|
||||
label: "Sonic Innovation", value: "2026+"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "AI Engineering",
|
||||
value: "Advanced",
|
||||
},
|
||||
label: "AI Engineering", value: "Advanced"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Metaverse Releases",
|
||||
value: "Immersive",
|
||||
},
|
||||
label: "Metaverse Releases", value: "Immersive"},
|
||||
{
|
||||
icon: Database,
|
||||
label: "Neural Sync",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Neural Sync", value: "100%"},
|
||||
{
|
||||
icon: Radio,
|
||||
label: "Global Broadcast",
|
||||
value: "24/7",
|
||||
},
|
||||
label: "Global Broadcast", value: "24/7"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -160,28 +117,14 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "AI-Enhanced Production",
|
||||
subtitle: "Intelligent sound design and automation",
|
||||
category: "Tech",
|
||||
value: "High",
|
||||
},
|
||||
id: "f1", title: "AI-Enhanced Production", subtitle: "Intelligent sound design and automation", category: "Tech", value: "High"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Cyberpunk Aesthetics",
|
||||
subtitle: "Bold visuals & cinematic storytelling",
|
||||
category: "Art",
|
||||
value: "Bold",
|
||||
},
|
||||
id: "f2", title: "Cyberpunk Aesthetics", subtitle: "Bold visuals & cinematic storytelling", category: "Art", value: "Bold"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Metaverse-Ready Releases",
|
||||
subtitle: "Built for VR, NFTs, and immersive worlds",
|
||||
category: "Global",
|
||||
value: "Meta",
|
||||
},
|
||||
id: "f3", title: "Metaverse-Ready Releases", subtitle: "Built for VR, NFTs, and immersive worlds", category: "Global", value: "Meta"},
|
||||
]}
|
||||
title="What We Stand For"
|
||||
description="We engineer experiences at the bleeding edge of sound innovation."
|
||||
@@ -196,59 +139,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "VTR",
|
||||
name: "Meta Verse I",
|
||||
price: "NFT",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588402.jpg",
|
||||
},
|
||||
id: "p1", brand: "VTR", name: "Meta Verse I", price: "NFT", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588402.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "VTR",
|
||||
name: "Tech Hacker",
|
||||
price: "ETH",
|
||||
rating: 5,
|
||||
reviewCount: "890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fantasy-sea-creature_23-2151626016.jpg",
|
||||
},
|
||||
id: "p2", brand: "VTR", name: "Tech Hacker", price: "ETH", rating: 5,
|
||||
reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fantasy-sea-creature_23-2151626016.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "VTR",
|
||||
name: "Sonic Pulse",
|
||||
price: "ETH",
|
||||
rating: 5,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-geometric-background_23-2150821824.jpg",
|
||||
},
|
||||
id: "p3", brand: "VTR", name: "Sonic Pulse", price: "ETH", rating: 5,
|
||||
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/neon-geometric-background_23-2150821824.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "VTR",
|
||||
name: "Grid Runner",
|
||||
price: "NFT",
|
||||
rating: 5,
|
||||
reviewCount: "430",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-golden-neon-lights_181624-24929.jpg",
|
||||
},
|
||||
id: "p4", brand: "VTR", name: "Grid Runner", price: "NFT", rating: 5,
|
||||
reviewCount: "430", imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-golden-neon-lights_181624-24929.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "VTR",
|
||||
name: "Deep Sync",
|
||||
price: "ETH",
|
||||
rating: 5,
|
||||
reviewCount: "670",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-planet-ocean-background-galaxy-nature-remix_53876-129796.jpg",
|
||||
},
|
||||
id: "p5", brand: "VTR", name: "Deep Sync", price: "ETH", rating: 5,
|
||||
reviewCount: "670", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-planet-ocean-background-galaxy-nature-remix_53876-129796.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "VTR",
|
||||
name: "Void Theory",
|
||||
price: "NFT",
|
||||
rating: 5,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-futuristic-cover-collection_23-2148913297.jpg",
|
||||
},
|
||||
id: "p6", brand: "VTR", name: "Void Theory", price: "NFT", rating: 5,
|
||||
reviewCount: "1.5k", imageSrc: "http://img.b2bvector/gradient-futuristic-cover-collection_23-2148913297.jpg"},
|
||||
]}
|
||||
title="Sonic Universes"
|
||||
description="The latest releases from our digital collective."
|
||||
@@ -260,30 +167,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Artist X",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-vaporwave-style_23-2148950822.jpg",
|
||||
},
|
||||
id: "t1", name: "Artist X", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-vaporwave-style_23-2148950822.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Producer Y",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-trendy-man-is-posing-photographer-unusual-background-photo-studio_613910-5954.jpg",
|
||||
},
|
||||
id: "t2", name: "Producer Y", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-trendy-man-is-posing-photographer-unusual-background-photo-studio_613910-5954.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "DJ Z",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disturb-me-studio-shot-dark-studio-with-neon-light-portrait-serious-man_146671-17079.jpg",
|
||||
},
|
||||
id: "t3", name: "DJ Z", imageSrc: "http://img.b2bpic.net/free-photo/disturb-me-studio-shot-dark-studio-with-neon-light-portrait-serious-man_146671-17079.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Creator A",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-futuristic-portrait_23-2151178898.jpg",
|
||||
},
|
||||
id: "t4", name: "Creator A", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-futuristic-portrait_23-2151178898.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Visionary B",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-plastic-foil_23-2148864887.jpg",
|
||||
},
|
||||
id: "t5", name: "Visionary B", imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-plastic-foil_23-2148864887.jpg"},
|
||||
]}
|
||||
cardTitle="VoxTron Community"
|
||||
cardAnimation="blur-reveal"
|
||||
@@ -295,8 +187,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Connect"
|
||||
title="Join the Grid"
|
||||
description="Submit your art or join our newsletter for exclusive drops."
|
||||
@@ -307,42 +198,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Mission",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Mission", href: "#about"},
|
||||
{
|
||||
label: "Artists",
|
||||
href: "#",
|
||||
},
|
||||
label: "Artists", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Lab",
|
||||
items: [
|
||||
title: "Lab", items: [
|
||||
{
|
||||
label: "VTR Tools",
|
||||
href: "#",
|
||||
},
|
||||
label: "VTR Tools", href: "#"},
|
||||
{
|
||||
label: "Releases",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Releases", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user