Update src/app/page.tsx
This commit is contained in:
146
src/app/page.tsx
146
src/app/page.tsx
@@ -3,12 +3,13 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import { Zap, TrendingUp } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,26 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "BPM Lab",
|
||||
id: "/bpm-lab",
|
||||
},
|
||||
{
|
||||
name: "Charts",
|
||||
id: "/charts",
|
||||
},
|
||||
{
|
||||
name: "Discover",
|
||||
id: "/discover",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "BPM Lab", id: "/bpm-lab" },
|
||||
{ name: "Charts", id: "/charts" },
|
||||
{ name: "Discover", id: "/discover" }
|
||||
]}
|
||||
brandName="AltVibe"
|
||||
/>
|
||||
@@ -58,37 +43,16 @@ export default function LandingPage() {
|
||||
title="The Pulse of What's Playing Now"
|
||||
description="Real-time Spotify data. Artist deep-dives. BPM analysis. All in one place."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Now",
|
||||
href: "/discover",
|
||||
},
|
||||
{
|
||||
text: "Connect Spotify",
|
||||
href: "/login",
|
||||
},
|
||||
{ text: "Explore Now", href: "/discover" },
|
||||
{ text: "Connect Spotify", href: "/login" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/green-optical-fiber-glass-light_23-2148241343.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182526.jpg",
|
||||
alt: "User avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blurred-green-background-with-bokeh-generative-ai_169016-30462.jpg",
|
||||
alt: "User avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fiber-optics-lights-abstract-background_23-2148241280.jpg",
|
||||
alt: "User avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-modern-background-with-futuristic-flowing-dots_1048-11993.jpg",
|
||||
alt: "User avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-network-technology-background-with-particle-waves_1048-17881.jpg",
|
||||
alt: "User avatar 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182526.jpg", alt: "User avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-blurred-green-background-with-bokeh-generative-ai_169016-30462.jpg", alt: "User avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fiber-optics-lights-abstract-background_23-2148241280.jpg", alt: "User avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-modern-background-with-futuristic-flowing-dots_1048-11993.jpg", alt: "User avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-network-technology-background-with-particle-waves_1048-17881.jpg", alt: "User avatar 5" },
|
||||
]}
|
||||
avatarText="Join 50k+ music lovers"
|
||||
/>
|
||||
@@ -110,34 +74,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Neon Dreams",
|
||||
price: "847M Streams",
|
||||
variant: "Hip-Hop",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-orange-background-layout-designstudioroom-web-template-business-report-with-smooth-circle-gradient-color_1258-92100.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cyber Pulse",
|
||||
price: "620M Streams",
|
||||
variant: "Electronic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-bar_23-2149220917.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Midnight Vibe",
|
||||
price: "450M Streams",
|
||||
variant: "Pop",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-clear-cassette-tape-with-vivid-background-color_23-2148289020.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Green Signal",
|
||||
price: "320M Streams",
|
||||
variant: "Rock",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/royal-blue-colour-flower-pattern-background-abstract-banner-multipurpose-design_1340-17115.jpg",
|
||||
},
|
||||
{ id: "1", name: "Neon Dreams", price: "847M Streams", variant: "Hip-Hop", imageSrc: "http://img.b2bpic.net/free-photo/abstract-orange-background-layout-designstudioroom-web-template-business-report-with-smooth-circle-gradient-color_1258-92100.jpg" },
|
||||
{ id: "2", name: "Cyber Pulse", price: "620M Streams", variant: "Electronic", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-bar_23-2149220917.jpg" },
|
||||
{ id: "3", name: "Midnight Vibe", price: "450M Streams", variant: "Pop", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-clear-cassette-tape-with-vivid-background-color_23-2148289020.jpg" },
|
||||
{ id: "4", name: "Green Signal", price: "320M Streams", variant: "Rock", imageSrc: "http://img.b2bpic.net/free-photo/royal-blue-colour-flower-pattern-background-abstract-banner-multipurpose-design_1340-17115.jpg" },
|
||||
]}
|
||||
title="Albums Exploding Right Now"
|
||||
description="The hottest trending albums on Spotify globally."
|
||||
@@ -150,16 +90,8 @@ export default function LandingPage() {
|
||||
sideTitle="Questions? We've got answers."
|
||||
sideDescription="Everything you need to know about the platform."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does the BPM Lab work?",
|
||||
content: "Our engine analyzes your library tracks and detects tempo and key in real-time.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I connect my Spotify?",
|
||||
content: "Yes, use the Spotify API integration to sync your personal data instantly.",
|
||||
},
|
||||
{ id: "1", title: "How does the BPM Lab work?", content: "Our engine analyzes your library tracks and detects tempo and key in real-time." },
|
||||
{ id: "2", title: "Can I connect my Spotify?", content: "Yes, use the Spotify API integration to sync your personal data instantly." },
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -173,49 +105,19 @@ export default function LandingPage() {
|
||||
title="Unlock Advanced Discovery"
|
||||
description="Powerful tools for the modern music researcher."
|
||||
features={[
|
||||
{
|
||||
title: "Sonic Clustering",
|
||||
description: "Group similar tracks by spectral signatures.",
|
||||
},
|
||||
{
|
||||
title: "Trend Forecasting",
|
||||
description: "Predict viral potential before the charts do.",
|
||||
},
|
||||
{ title: "Sonic Clustering", description: "Group similar tracks by spectral signatures.", icon: Zap },
|
||||
{ title: "Trend Forecasting", description: "Predict viral potential before the charts do.", icon: TrendingUp },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-lines-design_1048-14250.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-lines-design_1048-14250.jpg"
|
||||
logoText="AltVibe"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Charts",
|
||||
href: "/charts",
|
||||
},
|
||||
{
|
||||
label: "BPM Lab",
|
||||
href: "/bpm-lab",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "Charts", href: "/charts" }, { label: "BPM Lab", href: "/bpm-lab" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user