Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
293
src/app/page.tsx
293
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Music",
|
||||
id: "#music",
|
||||
},
|
||||
name: "Music", id: "#music"},
|
||||
{
|
||||
name: "Visuals",
|
||||
id: "#visuals",
|
||||
},
|
||||
name: "Visuals", id: "#visuals"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
name: "Experience", id: "#experience"},
|
||||
{
|
||||
name: "Connect",
|
||||
id: "#connect",
|
||||
},
|
||||
name: "Connect", id: "#connect"},
|
||||
]}
|
||||
brandName="NØVAIR"
|
||||
/>
|
||||
@@ -57,118 +47,80 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
variant: "cell-wave"}}
|
||||
title="Music for memories that haven’t happened yet."
|
||||
description="NØVAIR is a cinematic electronic music project built around emotional melodies, nostalgic energy, and futuristic night-drive soundscapes."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Neo Echoes",
|
||||
handle: "@neon_echo",
|
||||
testimonial: "NØVAIR's sound feels like a soundtrack to my future self. Absolutely immersive and unforgettable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/one-young-man-futuristic-blue-illuminated-background-generated-by-ai_188544-19656.jpg",
|
||||
imageAlt: "Neon Echoes Avatar",
|
||||
name: "Neo Echoes", handle: "@neon_echo", testimonial: "NØVAIR's sound feels like a soundtrack to my future self. Absolutely immersive and unforgettable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/one-young-man-futuristic-blue-illuminated-background-generated-by-ai_188544-19656.jpg", imageAlt: "futuristic avatar glowing lines"
|
||||
},
|
||||
{
|
||||
name: "Synth Dreams",
|
||||
handle: "@synth_dreamer",
|
||||
testimonial: "Each track is a journey through a cyberpunk night. Emotional drops and cinematic vibes make it truly unique.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-102991.jpg",
|
||||
imageAlt: "Synth Dreams Avatar",
|
||||
name: "Synth Dreams", handle: "@synth_dreamer", testimonial: "Each track is a journey through a cyberpunk night. Emotional drops and cinematic vibes make it truly unique.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-102991.jpg", imageAlt: "futuristic avatar glowing lines purple"
|
||||
},
|
||||
{
|
||||
name: "Cipher Pulse",
|
||||
handle: "@cipher_pulse",
|
||||
testimonial: "This isn't just music, it's an experience. The dark atmosphere and neon aesthetic are perfectly captured.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419507.jpg",
|
||||
imageAlt: "Cipher Pulse Avatar",
|
||||
name: "Cipher Pulse", handle: "@cipher_pulse", testimonial: "This isn't just music, it's an experience. The dark atmosphere and neon aesthetic are perfectly captured.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419507.jpg", imageAlt: "futuristic avatar glowing lines cyan"
|
||||
},
|
||||
{
|
||||
name: "Quantum Groove",
|
||||
handle: "@quantum_groove",
|
||||
testimonial: "NØVAIR delivers on the promise of 'memory from the future'. It's nostalgic yet utterly groundbreaking.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098585.jpg",
|
||||
imageAlt: "Quantum Groove Avatar",
|
||||
name: "Quantum Groove", handle: "@quantum_groove", testimonial: "NØVAIR delivers on the promise of 'memory from the future'. It's nostalgic yet utterly groundbreaking.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098585.jpg", imageAlt: "futuristic avatar glowing lines white"
|
||||
},
|
||||
{
|
||||
name: "Cyber Soul",
|
||||
handle: "@cyber_soul",
|
||||
testimonial: "The production quality and emotional depth are unparalleled. NØVAIR is redefining electronic music.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719563.jpg",
|
||||
imageAlt: "Cyber Soul Avatar",
|
||||
},
|
||||
name: "Cyber Soul", handle: "@cyber_soul", testimonial: "The production quality and emotional depth are unparalleled. NØVAIR is redefining electronic music.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719563.jpg", imageAlt: "futuristic avatar glowing lines"
|
||||
}
|
||||
]}
|
||||
testimonialRotationInterval={7000}
|
||||
buttons={[
|
||||
{
|
||||
text: "Listen Now",
|
||||
href: "#featured-release",
|
||||
text: "Listen Now", href: "#featured-release"
|
||||
},
|
||||
{
|
||||
text: "Watch Visualizer",
|
||||
href: "#video-visualizer",
|
||||
},
|
||||
text: "Watch Visualizer", href: "#video-visualizer"
|
||||
}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-blue-condom-white-background_23-2148259780.jpg",
|
||||
alt: "Avatar 1",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-blue-condom-white-background_23-2148259780.jpg", alt: "futuristic avatar glowing lines"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-lady-standing-isolated-pink-neon-space-expressing-positive-emotions_176532-11527.jpg",
|
||||
alt: "Avatar 2",
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-lady-standing-isolated-pink-neon-space-expressing-positive-emotions_176532-11527.jpg", alt: "futuristic avatar glowing lines purple"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-mustache-wearing-hoodie_250224-83.jpg",
|
||||
alt: "Avatar 3",
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-mustache-wearing-hoodie_250224-83.jpg", alt: "futuristic avatar glowing lines cyan"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/user-sign-icon-front-side-with-white-background_187299-40022.jpg",
|
||||
alt: "Avatar 4",
|
||||
src: "http://img.b2bpic.net/free-photo/user-sign-icon-front-side-with-white-background_187299-40022.jpg", alt: "futuristic avatar glowing lines white"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419470.jpg",
|
||||
alt: "Avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419470.jpg", alt: "Portrait of futuristic female humanoid with advanced technology"
|
||||
}
|
||||
]}
|
||||
avatarText="Over 1000 Future Memories Made"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-tech-futuristic-urban-travel-people_23-2151160571.jpg"
|
||||
imageAlt="Futuristic rainy cityscape at night"
|
||||
imageAlt="futuristic rainy city night neon"
|
||||
mediaAnimation="opacity"
|
||||
fixedMediaHeight={true}
|
||||
showMarqueeCard={true}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Future Sounds",
|
||||
icon: Music,
|
||||
type: "text-icon", text: "Future Sounds", icon: Music
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Deep Immersion",
|
||||
icon: Headphones,
|
||||
type: "text-icon", text: "Deep Immersion", icon: Headphones
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cinematic Journeys",
|
||||
icon: Film,
|
||||
type: "text-icon", text: "Cinematic Journeys", icon: Film
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Nostalgic Pulse",
|
||||
icon: Heart,
|
||||
type: "text-icon", text: "Nostalgic Pulse", icon: Heart
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Night Drives",
|
||||
icon: Car,
|
||||
},
|
||||
type: "text-icon", text: "Night Drives", icon: Car
|
||||
}
|
||||
]}
|
||||
marqueeSpeed={30}
|
||||
/>
|
||||
@@ -182,64 +134,49 @@ export default function LandingPage() {
|
||||
tag="Debut Single"
|
||||
buttons={[
|
||||
{
|
||||
text: "Play on Spotify",
|
||||
href: "https://spotify.com",
|
||||
text: "Play on Spotify", href: "https://spotify.com"
|
||||
},
|
||||
{
|
||||
text: "Watch Visualizer",
|
||||
href: "#video-visualizer",
|
||||
},
|
||||
text: "Watch Visualizer", href: "#video-visualizer"
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cyberpunk-city-street-night-with-neon-lights-futuristic-aesthetic_23-2151488720.jpg"
|
||||
imageAlt="Album artwork for NØVAIR - Future Memory"
|
||||
imageAlt="futuristic car album art neon"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="visuals" data-section="visuals">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="depth-3d"
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
features={[
|
||||
{
|
||||
id: "visual-1",
|
||||
title: "Cinematic Loneliness",
|
||||
tags: [
|
||||
"Atmospheric",
|
||||
"Expansive",
|
||||
id: "visual-1", title: "Cinematic Loneliness", tags: [
|
||||
"Atmospheric", "Expansive"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-girl-kiss-tram-misted-glass_1153-3631.jpg",
|
||||
imageAlt: "Rainy futuristic city highway",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-girl-kiss-tram-misted-glass_1153-3631.jpg", imageAlt: "rainy futuristic highway cinematic"
|
||||
},
|
||||
{
|
||||
id: "visual-2",
|
||||
title: "Neon Echoes",
|
||||
tags: [
|
||||
"Vibrant",
|
||||
"Reflective",
|
||||
id: "visual-2", title: "Neon Echoes", tags: [
|
||||
"Vibrant", "Reflective"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thunderstorm-city-nighttime_23-2151750430.jpg",
|
||||
imageAlt: "Dark city street with neon reflections",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thunderstorm-city-nighttime_23-2151750430.jpg", imageAlt: "Dark style sky nighttime"
|
||||
},
|
||||
{
|
||||
id: "visual-3",
|
||||
title: "Abstract Frontiers",
|
||||
tags: [
|
||||
"Ethereal",
|
||||
"Dreamlike",
|
||||
id: "visual-3", title: "Abstract Frontiers", tags: [
|
||||
"Ethereal", "Dreamlike"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-vibrant-neon-cactus-desert_23-2151244885.jpg",
|
||||
imageAlt: "Futuristic abstract landscape",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-vibrant-neon-cactus-desert_23-2151244885.jpg", imageAlt: "Natural disaster landscape"
|
||||
}
|
||||
]}
|
||||
title="Enter the Visual Universe"
|
||||
description="Explore the breathtaking landscapes and emotional atmospheres that define the NØVAIR experience. From rainy futuristic highways to chrome architecture, every visual is a window into a world of 'future memories'."
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Visuals",
|
||||
href: "#video-visualizer",
|
||||
},
|
||||
text: "View All Visuals", href: "#video-visualizer"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -252,53 +189,36 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
features={[
|
||||
{
|
||||
id: "e1",
|
||||
title: "Cinematic Electronic",
|
||||
tags: [
|
||||
"Epic",
|
||||
"Orchestral",
|
||||
id: "e1", title: "Cinematic Electronic", tags: [
|
||||
"Epic", "Orchestral"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139322.jpg",
|
||||
imageAlt: "Abstract cinematic electronic music",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139322.jpg", imageAlt: "cinematic electronic music abstract"
|
||||
},
|
||||
{
|
||||
id: "e2",
|
||||
title: "Emotional Melodic Sound",
|
||||
tags: [
|
||||
"Evocative",
|
||||
"Uplifting",
|
||||
id: "e2", title: "Emotional Melodic Sound", tags: [
|
||||
"Evocative", "Uplifting"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-particles_1048-14047.jpg",
|
||||
imageAlt: "Abstract emotional melodic sound",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-particles_1048-14047.jpg", imageAlt: "emotional melodic music abstract"
|
||||
},
|
||||
{
|
||||
id: "e3",
|
||||
title: "Night Drive Atmosphere",
|
||||
tags: [
|
||||
"Ambient",
|
||||
"Pulsating",
|
||||
id: "e3", title: "Night Drive Atmosphere", tags: [
|
||||
"Ambient", "Pulsating"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-drops-nature-background_23-2148099072.jpg",
|
||||
imageAlt: "Abstract night drive atmosphere",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-drops-nature-background_23-2148099072.jpg", imageAlt: "night drive aesthetic abstract"
|
||||
},
|
||||
{
|
||||
id: "e4",
|
||||
title: "Nostalgic Future Energy",
|
||||
tags: [
|
||||
"Retro-futuristic",
|
||||
"Ethereal",
|
||||
id: "e4", title: "Nostalgic Future Energy", tags: [
|
||||
"Retro-futuristic", "Ethereal"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tennis-ball-with-digital-art-effect_23-2151737610.jpg",
|
||||
imageAlt: "Abstract nostalgic future energy",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tennis-ball-with-digital-art-effect_23-2151737610.jpg", imageAlt: "nostalgic future abstract art"
|
||||
}
|
||||
]}
|
||||
title="The NØVAIR Sound Experience"
|
||||
description="Dive deep into the core elements that forge the unique sonic identity of NØVAIR. Each component is meticulously crafted for an unparalleled auditory journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore All Tracks",
|
||||
href: "#connect",
|
||||
},
|
||||
text: "Explore All Tracks", href: "#connect"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -310,13 +230,12 @@ export default function LandingPage() {
|
||||
description="Immerse yourself further into the NØVAIR universe with our high-definition visualizers and cinematic music videos. Each visual is crafted to perfectly complement the emotional depth of the music."
|
||||
buttons={[
|
||||
{
|
||||
text: "Watch on YouTube",
|
||||
href: "https://youtube.com/@novairmusic",
|
||||
},
|
||||
text: "Watch on YouTube", href: "https://youtube.com/@novairmusic"
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172423.jpg"
|
||||
imageAlt="sci-fi visualizer thumbnail abstract"
|
||||
videoSrc="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&mute=1&controls=0&modestbranding=1&rel=0&showinfo=0&loop=1&playlist=dQw4w9WgXcQ"
|
||||
imageAlt="NØVAIR Visualizer Thumbnail"
|
||||
videoAriaLabel="NØVAIR Official Visualizer"
|
||||
/>
|
||||
</div>
|
||||
@@ -325,30 +244,25 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
variant: "radial-gradient"
|
||||
}}
|
||||
text="Connect with NØVAIR"
|
||||
buttons={[
|
||||
{
|
||||
text: "YouTube",
|
||||
href: "https://youtube.com/@novairmusic",
|
||||
text: "YouTube", href: "https://youtube.com/@novairmusic"
|
||||
},
|
||||
{
|
||||
text: "Spotify",
|
||||
href: "https://spotify.com/novair",
|
||||
text: "Spotify", href: "https://spotify.com/novair"
|
||||
},
|
||||
{
|
||||
text: "Apple Music",
|
||||
href: "https://music.apple.com/us/artist/novair",
|
||||
text: "Apple Music", href: "https://music.apple.com/us/artist/novair"
|
||||
},
|
||||
{
|
||||
text: "TikTok",
|
||||
href: "https://tiktok.com/@novairmusic",
|
||||
text: "TikTok", href: "https://tiktok.com/@novairmusic"
|
||||
},
|
||||
{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com/novairmusic",
|
||||
},
|
||||
text: "Instagram", href: "https://instagram.com/novairmusic"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -357,14 +271,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
variant: "sparkles-gradient"
|
||||
}}
|
||||
text="Enter the Future Memory Drive.\nFollow NØVAIR into the next memory."
|
||||
buttons={[
|
||||
{
|
||||
text: "Subscribe for Updates",
|
||||
href: "#email-subscribe",
|
||||
},
|
||||
text: "Subscribe for Updates", href: "#email-subscribe"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -374,56 +287,44 @@ export default function LandingPage() {
|
||||
logoText="NØVAIR"
|
||||
columns={[
|
||||
{
|
||||
title: "Discover",
|
||||
items: [
|
||||
title: "Discover", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
label: "Home", href: "#home"
|
||||
},
|
||||
{
|
||||
label: "Music",
|
||||
href: "#featured-release",
|
||||
label: "Music", href: "#featured-release"
|
||||
},
|
||||
{
|
||||
label: "Visuals",
|
||||
href: "#visuals",
|
||||
},
|
||||
],
|
||||
label: "Visuals", href: "#visuals"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Spotify",
|
||||
href: "https://spotify.com/novair",
|
||||
label: "Spotify", href: "https://spotify.com/novair"
|
||||
},
|
||||
{
|
||||
label: "YouTube",
|
||||
href: "https://youtube.com/@novairmusic",
|
||||
label: "YouTube", href: "https://youtube.com/@novairmusic"
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/novairmusic",
|
||||
label: "Instagram", href: "https://instagram.com/novairmusic"
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "https://tiktok.com/@novairmusic",
|
||||
},
|
||||
],
|
||||
label: "TikTok", href: "https://tiktok.com/@novairmusic"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
label: "Privacy Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
label: "Terms of Service", href: "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 NØVAIR. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user