diff --git a/src/app/page.tsx b/src/app/page.tsx
index d05fbd9..a3e430d 100644
--- a/src/app/page.tsx
+++ b/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() {
@@ -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 },
]}
/>