Merge version_1 into main #2
206
src/app/page.tsx
206
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SonicPremium"
|
||||
/>
|
||||
@@ -53,41 +45,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Experience Music Like Never Before"
|
||||
description="Unlock a world of high-fidelity audio with our premium streaming platform. Join today and get your first month free."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Month",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Start Free Month", href: "#pricing"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-rainbow-coloured-particle-design_1048-11963.jpg?_wi=1",
|
||||
imageAlt: "Music streaming platform UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-rainbow-coloured-particle-design_1048-11963.jpg", imageAlt: "music streaming interface dark"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smart-speaker-home_23-2150171776.jpg?_wi=1",
|
||||
imageAlt: "Studio audio gear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smart-speaker-home_23-2150171776.jpg", imageAlt: "professional audio mixer studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-singing-studio_23-2150232076.jpg?_wi=1",
|
||||
imageAlt: "High-end headphones",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-singing-studio_23-2150232076.jpg", imageAlt: "high-end headphones dark background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-rainbow-coloured-particle-design_1048-11963.jpg?_wi=2",
|
||||
imageAlt: "Music streaming platform UI alternate",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-rainbow-coloured-particle-design_1048-11963.jpg", imageAlt: "Music streaming platform UI alternate"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smart-speaker-home_23-2150171776.jpg?_wi=2",
|
||||
imageAlt: "Studio audio gear alternate",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smart-speaker-home_23-2150171776.jpg", imageAlt: "Studio audio gear alternate"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-singing-studio_23-2150232076.jpg?_wi=2",
|
||||
imageAlt: "High-end headphones alternate",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-singing-studio_23-2150232076.jpg", imageAlt: "High-end headphones alternate"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,38 +77,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Lossless Audio Quality",
|
||||
author: "Pro Audio",
|
||||
description: "Stream in pristine, lossless quality with no compression artifacts.",
|
||||
tags: [
|
||||
"Hi-Fi",
|
||||
"Lossless",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14674.jpg",
|
||||
},
|
||||
id: "f1", title: "Lossless Audio Quality", author: "Pro Audio", description: "Stream in pristine, lossless quality with no compression artifacts.", tags: [
|
||||
"Hi-Fi", "Lossless"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14674.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Offline Playback",
|
||||
author: "Anywhere",
|
||||
description: "Download your entire library and listen without using a single byte of data.",
|
||||
tags: [
|
||||
"Offline",
|
||||
"Download",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671596.jpg",
|
||||
},
|
||||
id: "f2", title: "Offline Playback", author: "Anywhere", description: "Download your entire library and listen without using a single byte of data.", tags: [
|
||||
"Offline", "Download"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671596.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Immersive Soundscape",
|
||||
author: "Sonic",
|
||||
description: "Experience spatial audio that wraps around you with full clarity.",
|
||||
tags: [
|
||||
"Spatial",
|
||||
"3D",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sound-mixer-studio_107420-64847.jpg",
|
||||
},
|
||||
id: "f3", title: "Immersive Soundscape", author: "Sonic", description: "Experience spatial audio that wraps around you with full clarity.", tags: [
|
||||
"Spatial", "3D"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sound-mixer-studio_107420-64847.jpg"},
|
||||
]}
|
||||
title="Premium Sound, Premium Features"
|
||||
description="Designed for the true audiophile, our features ensure you hear every note just as the artist intended."
|
||||
@@ -140,42 +96,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
price: "$9.99/mo",
|
||||
subtitle: "Unlimited listening",
|
||||
buttons: [
|
||||
id: "basic", badge: "Standard", price: "$9.99/mo", subtitle: "Unlimited listening", buttons: [
|
||||
{
|
||||
text: "Get 1 Month Free",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get 1 Month Free", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Standard audio quality",
|
||||
"Ad-free experience",
|
||||
"Unlimited skips",
|
||||
],
|
||||
"Standard audio quality", "Ad-free experience", "Unlimited skips"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Audiophile",
|
||||
price: "$14.99/mo",
|
||||
subtitle: "Uncompromised quality",
|
||||
buttons: [
|
||||
id: "premium", badge: "Audiophile", price: "$14.99/mo", subtitle: "Uncompromised quality", buttons: [
|
||||
{
|
||||
text: "Get 1 Month Free",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get 1 Month Free", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Lossless high-res audio",
|
||||
"Spatial sound support",
|
||||
"Exclusive artist content",
|
||||
],
|
||||
"Lossless high-res audio", "Spatial sound support", "Exclusive artist content"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Perfect Sound"
|
||||
@@ -190,45 +129,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahmusic",
|
||||
testimonial: "The sound quality is unmatched. I hear details I never noticed before.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-arms-crossed-sitting-studio_23-2148366490.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahmusic", testimonial: "The sound quality is unmatched. I hear details I never noticed before.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-arms-crossed-sitting-studio_23-2148366490.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael T.",
|
||||
handle: "@mike_t",
|
||||
testimonial: "Finally, a platform that respects audiophile standards. Amazing experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-casual-african-american-girl-stylish-trench-coat-happily-looking-away-with-coffee-go-cafe-street_574295-2881.jpg",
|
||||
},
|
||||
id: "2", name: "Michael T.", handle: "@mike_t", testimonial: "Finally, a platform that respects audiophile standards. Amazing experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-casual-african-american-girl-stylish-trench-coat-happily-looking-away-with-coffee-go-cafe-street_574295-2881.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emily_r",
|
||||
testimonial: "The offline mode is a game changer for my daily commute. I love it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-pink-outfit-posing-gray-background_114579-80286.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@emily_r", testimonial: "The offline mode is a game changer for my daily commute. I love it.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-pink-outfit-posing-gray-background_114579-80286.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@dave_w",
|
||||
testimonial: "Spatial audio is incredible. It feels like a live concert every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110073.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", handle: "@dave_w", testimonial: "Spatial audio is incredible. It feels like a live concert every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110073.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
handle: "@jess_l",
|
||||
testimonial: "Best subscription I've ever purchased. The free month was a great start.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-sporty-man-earphones-thoughtfully-using-cellphone-after-workout-outdoor_574295-5121.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica L.", handle: "@jess_l", testimonial: "Best subscription I've ever purchased. The free month was a great start.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-sporty-man-earphones-thoughtfully-using-cellphone-after-workout-outdoor_574295-5121.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Music Lovers"
|
||||
@@ -242,20 +156,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the first month really free?",
|
||||
content: "Yes, new users get their first month entirely free of charge with no hidden fees.",
|
||||
},
|
||||
id: "q1", title: "Is the first month really free?", content: "Yes, new users get their first month entirely free of charge with no hidden fees."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I cancel my subscription?",
|
||||
content: "Absolutely. You can manage and cancel your subscription anytime via your account settings.",
|
||||
},
|
||||
id: "q2", title: "Can I cancel my subscription?", content: "Absolutely. You can manage and cancel your subscription anytime via your account settings."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is lossless audio available on all plans?",
|
||||
content: "High-fidelity lossless audio is available exclusively on the Audiophile plan.",
|
||||
},
|
||||
id: "q3", title: "Is lossless audio available on all plans?", content: "High-fidelity lossless audio is available exclusively on the Audiophile plan."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions about your subscription? We've got answers."
|
||||
@@ -267,14 +172,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to dive into premium sound? Start your free trial and transform your listening journey today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -283,29 +185,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user