diff --git a/src/app/page.tsx b/src/app/page.tsx index 1a3c53c..a8c112b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,9 +10,16 @@ import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo"; import FaqBase from "@/components/sections/faq/FaqBase"; import ContactText from "@/components/sections/contact/ContactText"; import Link from "next/link"; -import { Sparkles, Music, Award } from "lucide-react"; +import { Sparkles, Music, Award, Wand2, Languages, Zap, Brain, BarChart3 } from "lucide-react"; +import { useState } from "react"; export default function HomePage() { + const [selectedGenre, setSelectedGenre] = useState("pop"); + const [lyricsInput, setLyricsInput] = useState(""); + const [translationLanguage, setTranslationLanguage] = useState("es"); + const [singabilityScore, setSingabilityScore] = useState(0); + const [voiceStyle, setVoiceStyle] = useState("neutral"); + const navItems = [ { name: "Home", id: "/" }, { name: "Features", id: "features" }, @@ -21,6 +28,64 @@ export default function HomePage() { { name: "Contact", id: "/contact" }, ]; + const genres = [ + { id: "pop", name: "Pop", icon: Music }, + { id: "hiphop", name: "Hip-Hop", icon: Zap }, + { id: "randb", name: "R&B", icon: Brain }, + { id: "edm", name: "EDM", icon: BarChart3 }, + { id: "lofi", name: "Lo-Fi", icon: Music }, + { id: "cinematic", name: "Cinematic", icon: Wand2 }, + ]; + + const voiceStyles = [ + { id: "neutral", name: "Neutral" }, + { id: "warm", name: "Warm" }, + { id: "bright", name: "Bright" }, + { id: "deep", name: "Deep" }, + { id: "ethereal", name: "Ethereal" }, + { id: "robotic", name: "Robotic" }, + { id: "vintage", name: "Vintage" }, + { id: "modern", name: "Modern" }, + ]; + + const languages = [ + { code: "es", name: "Spanish" }, + { code: "fr", name: "French" }, + { code: "de", name: "German" }, + { code: "it", name: "Italian" }, + { code: "pt", name: "Portuguese" }, + { code: "ja", name: "Japanese" }, + { code: "ko", name: "Korean" }, + { code: "zh", name: "Mandarin" }, + ]; + + const handleLyricsImprove = () => { + console.log("Improving lyrics:", lyricsInput); + // AI lyrics improvement logic would be integrated here + }; + + const handleTranslate = () => { + console.log("Translating to:", translationLanguage); + // AI translation logic would be integrated here + }; + + const handleAnalyzeSingability = () => { + // Simulate singability analysis + const score = Math.floor(Math.random() * 40) + 60; // 60-100 score + setSingabilityScore(score); + console.log("Singability score:", score); + }; + + const handleGenerateVoice = () => { + console.log("Generating voice with style:", voiceStyle); + // AI voice generation logic would be integrated here + }; + + const handleGenerateSong = () => { + console.log("Generating song in genre:", selectedGenre); + // AI song generation logic would be integrated here + }; + return ( @@ -76,14 +136,14 @@ export default function HomePage() {
+
+
+
+

Advanced AI Features

+

+ Harness the power of AI for lyrics improvement, translation, voice generation, and multi-genre song creation. +

+
+ +
+ {/* Lyrics Improvement */} +
+
+ +

Lyrics Improvement

+
+

Enhance your lyrics with AI suggestions for better rhyme, flow, and emotional impact.

+
+