Merge version_1 into main #2
295
src/app/page.tsx
295
src/app/page.tsx
@@ -5,7 +5,6 @@ import ReactLenis from "lenis/react";
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
@@ -29,88 +28,37 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
]}
|
||||
brandName="PureAudio"
|
||||
button={{ text: "Get Started", href: "#pricing" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Experience Music, Uninterrupted."
|
||||
description="PureAudio delivers your favorite tracks in high fidelity, completely ad-free. Immerse yourself in the sound you love without the distractions."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=1",
|
||||
imageAlt: "Music Player",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=2",
|
||||
imageAlt: "Music Player",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=3",
|
||||
imageAlt: "Music Player",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=4",
|
||||
imageAlt: "Music Player",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=5",
|
||||
imageAlt: "Music Player",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=6",
|
||||
imageAlt: "Music Player",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=7",
|
||||
imageAlt: "Music Player",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=8",
|
||||
imageAlt: "Music Player",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=9",
|
||||
imageAlt: "Music Player",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=10",
|
||||
imageAlt: "Music Player",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=11",
|
||||
imageAlt: "Music Player",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=12",
|
||||
imageAlt: "Music Player",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Listening",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
|
||||
]}
|
||||
buttons={[{ text: "Start Listening", href: "#pricing" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -120,30 +68,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Zero Ads",
|
||||
description: "Enjoy an endless stream of music without ever being interrupted by ads.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=13",
|
||||
imageAlt: "A high-quality 3D render of a modern, sleek minimalist music player interface hovering in a clean, b",
|
||||
},
|
||||
{
|
||||
title: "Hi-Res Audio",
|
||||
description: "Experience your music exactly as the artists intended in lossless quality.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/an-icon-representation-of-a-fast-lag-fre-1774724574992-5176b030.png?_wi=1",
|
||||
imageAlt: "An icon representation of a fast, lag-free waveform visualization, minimalist line art style, tech a",
|
||||
},
|
||||
{
|
||||
title: "Global Library",
|
||||
description: "Access millions of songs from artists across the globe in one click.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Globe,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/an-icon-representation-of-a-privacy-shie-1774724575134-36bf0125.png",
|
||||
imageAlt: "An icon representation of a privacy shield or lock, symbolizing ad-free, secure listening, clean vec",
|
||||
},
|
||||
{ title: "Zero Ads", description: "Enjoy an endless stream of music without ever being interrupted by ads.", bentoComponent: "reveal-icon", icon: Shield },
|
||||
{ title: "Hi-Res Audio", description: "Experience your music exactly as the artists intended in lossless quality.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Global Library", description: "Access millions of songs from artists across the globe in one click.", bentoComponent: "reveal-icon", icon: Globe },
|
||||
]}
|
||||
title="Designed for pure sound"
|
||||
description="Everything we do is focused on one thing: delivering audio perfection without ads or interruptions."
|
||||
@@ -156,191 +83,25 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Basic",
|
||||
price: "$9.99/mo",
|
||||
subtitle: "Essential ad-free listening",
|
||||
features: [
|
||||
"Unlimited skips",
|
||||
"Standard fidelity",
|
||||
"Mobile & desktop",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Premium",
|
||||
price: "$14.99/mo",
|
||||
subtitle: "The audiophile choice",
|
||||
features: [
|
||||
"Lossless Hi-Fi",
|
||||
"Offline listening",
|
||||
"Early releases",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "family",
|
||||
badge: "Family",
|
||||
price: "$19.99/mo",
|
||||
subtitle: "For the whole household",
|
||||
features: [
|
||||
"6 individual accounts",
|
||||
"Lossless Hi-Fi",
|
||||
"Shared family mix",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Basic", price: "$9.99/mo", subtitle: "Essential ad-free listening", features: ["Unlimited skips", "Standard fidelity", "Mobile & desktop"] },
|
||||
{ id: "premium", badge: "Premium", price: "$14.99/mo", subtitle: "The audiophile choice", features: ["Lossless Hi-Fi", "Offline listening", "Early releases"] },
|
||||
{ id: "family", badge: "Family", price: "$19.99/mo", subtitle: "For the whole household", features: ["6 individual accounts", "Lossless Hi-Fi", "Shared family mix"] },
|
||||
]}
|
||||
title="Plans built for music lovers"
|
||||
description="Transparent, ad-free plans that put the music first."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Graphic Designer",
|
||||
company: "CreativeCo",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/portrait-of-a-happy-young-man-listening--1774724574938-2c623803.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
role: "Architect",
|
||||
company: "StudioOne",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/portrait-of-a-professional-woman-artisti-1774724575837-17693ce8.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark D.",
|
||||
role: "Marketing",
|
||||
company: "GrowthX",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/portrait-of-a-happy-creative-professiona-1774724575502-0cdbc2ff.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena V.",
|
||||
role: "Product Manager",
|
||||
company: "TechInnovate",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/portrait-of-an-energetic-college-student-1774724575934-0b96c3de.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julian S.",
|
||||
role: "Music Producer",
|
||||
company: "AudioBeat",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/portrait-of-a-happy-young-man-listening--1774724574938-2c623803.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500k+",
|
||||
label: "Happy Listeners",
|
||||
},
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Uptime",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support",
|
||||
},
|
||||
]}
|
||||
title="What our listeners say"
|
||||
description="Join thousands of users who have made the switch to ad-free listening."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact in Numbers"
|
||||
description="We are proud of the community we've built around pure, high-fidelity sound."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120M+",
|
||||
title: "Songs Streamed",
|
||||
description: "Our community has streamed millions of songs in perfect, lossless quality.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/an-icon-representation-of-a-fast-lag-fre-1774724574992-5176b030.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
title: "Countries Served",
|
||||
description: "Connecting music fans globally with no borders or barriers.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/an-icon-representation-of-global-library-1774724575756-2e6e8b96.png",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Support", href: "#" }, { label: "API", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user