Merge version_1 into main #2
341
src/app/page.tsx
341
src/app/page.tsx
@@ -13,241 +13,128 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Harmonix AI"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Harmonix AI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Compose the Future with AI"
|
||||
description="Unlock infinite creative possibilities with Harmonix AI. Transform your musical vision into studio-quality tracks instantly."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Creating",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/finger-interface-laptop-hipster-cropped_1134-770.jpg?_wi=1"
|
||||
imageAlt="AI music platform interface"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Compose the Future with AI"
|
||||
description="Unlock infinite creative possibilities with Harmonix AI. Transform your musical vision into studio-quality tracks instantly."
|
||||
buttons={[{ text: "Start Creating", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/finger-interface-laptop-hipster-cropped_1134-770.jpg"
|
||||
imageAlt="AI music platform interface"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Neural Composition",
|
||||
description: "Generate unique melodies instantly using deep learning algorithms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/melody-music-sound-key-artistic-icon-sign-concept_53876-124306.jpg?_wi=1",
|
||||
titleIconSrc: "http://img.b2bpic.net/free-photo/melody-music-sound-key-artistic-icon-sign-concept_53876-124306.jpg",
|
||||
buttonText: "Explore",
|
||||
},
|
||||
{
|
||||
title: "Smart Audio Mixing",
|
||||
description: "AI-driven clarity and balance for professional sounding masters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg?_wi=1",
|
||||
titleIconSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg",
|
||||
buttonText: "Explore",
|
||||
},
|
||||
{
|
||||
title: "Real-time Collaboration",
|
||||
description: "Work with AI assistants as co-creators in your DAW environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/google-logos-transparent-psd-file_460848-6852.jpg?_wi=1",
|
||||
titleIconSrc: "http://img.b2bpic.net/free-photo/google-logos-transparent-psd-file_460848-6852.jpg",
|
||||
buttonText: "Explore",
|
||||
},
|
||||
]}
|
||||
title="Powerful AI Tools"
|
||||
description="Designed for musicians who want to push boundaries."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Neural Composition", description: "Generate unique melodies instantly using deep learning algorithms.", imageSrc: "http://img.b2bpic.net/free-photo/melody-music-sound-key-artistic-icon-sign-concept_53876-124306.jpg", titleIconSrc: "http://img.b2bpic.net/free-photo/melody-music-sound-key-artistic-icon-sign-concept_53876-124306.jpg", buttonText: "Explore"},
|
||||
{
|
||||
title: "Smart Audio Mixing", description: "AI-driven clarity and balance for professional sounding masters.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg", titleIconSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg", buttonText: "Explore"},
|
||||
{
|
||||
title: "Real-time Collaboration", description: "Work with AI assistants as co-creators in your DAW environment.", imageSrc: "http://img.b2bpic.net/free-photo/google-logos-transparent-psd-file_460848-6852.jpg", titleIconSrc: "http://img.b2bpic.net/free-photo/google-logos-transparent-psd-file_460848-6852.jpg", buttonText: "Explore"},
|
||||
]}
|
||||
title="Powerful AI Tools"
|
||||
description="Designed for musicians who want to push boundaries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_beats",
|
||||
testimonial: "Harmonix AI changed my workflow completely!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379267.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark R.",
|
||||
handle: "@mark_produces",
|
||||
testimonial: "Unbelievable quality and speed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-virtual-reality-headset-plants_23-2148513471.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena K.",
|
||||
handle: "@elena_sounds",
|
||||
testimonial: "Finally, technology that understands music.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-artist-singing-song-electro-acoustic-guitar-studio_482257-122256.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@dw_creative",
|
||||
testimonial: "The best AI composer I've ever used.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-listening-music-white-earphone_23-2148148166.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris B.",
|
||||
handle: "@chris_b_music",
|
||||
testimonial: "Essential for my studio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-talented-kid-creating-content-generate-views-engagement-from-online-gen-z-children_482257-76782.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Musicians"
|
||||
description="Hear what the community is creating with us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", handle: "@sarah_beats", testimonial: "Harmonix AI changed my workflow completely!", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379267.jpg"},
|
||||
{
|
||||
id: "2", name: "Mark R.", handle: "@mark_produces", testimonial: "Unbelievable quality and speed.", imageSrc: "http://img.b2bpic.net/free-photo/woman-virtual-reality-headset-plants_23-2148513471.jpg"},
|
||||
{
|
||||
id: "3", name: "Elena K.", handle: "@elena_sounds", testimonial: "Finally, technology that understands music.", imageSrc: "http://img.b2bpic.net/free-photo/professional-artist-singing-song-electro-acoustic-guitar-studio_482257-122256.jpg"},
|
||||
{
|
||||
id: "4", name: "David W.", handle: "@dw_creative", testimonial: "The best AI composer I've ever used.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-listening-music-white-earphone_23-2148148166.jpg"},
|
||||
{
|
||||
id: "5", name: "Chris B.", handle: "@chris_b_music", testimonial: "Essential for my studio.", imageSrc: "http://img.b2bpic.net/free-photo/young-talented-kid-creating-content-generate-views-engagement-from-online-gen-z-children_482257-76782.jpg"},
|
||||
]}
|
||||
title="Loved by Musicians"
|
||||
description="Hear what the community is creating with us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Starter",
|
||||
price: "$19",
|
||||
period: "mo",
|
||||
features: [
|
||||
"5 projects/mo",
|
||||
"Basic AI models",
|
||||
"Standard support",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/melody-music-sound-key-artistic-icon-sign-concept_53876-124306.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Pro",
|
||||
price: "$49",
|
||||
period: "mo",
|
||||
features: [
|
||||
"Unlimited projects",
|
||||
"Advanced AI models",
|
||||
"Priority mixing",
|
||||
"Export high-res",
|
||||
],
|
||||
button: {
|
||||
text: "Upgrade",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "studio",
|
||||
title: "Studio",
|
||||
price: "$99",
|
||||
period: "mo",
|
||||
features: [
|
||||
"Team collaboration",
|
||||
"Mastering tools",
|
||||
"Dedicated support",
|
||||
"Commercial rights",
|
||||
],
|
||||
button: {
|
||||
text: "Contact Us",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/google-logos-transparent-psd-file_460848-6852.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Choose the tier that fits your needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", title: "Starter", price: "$19", period: "mo", features: ["5 projects/mo", "Basic AI models", "Standard support"],
|
||||
button: { text: "Get Started" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/melody-music-sound-key-artistic-icon-sign-concept_53876-124306.jpg"},
|
||||
{
|
||||
id: "pro", title: "Pro", price: "$49", period: "mo", features: ["Unlimited projects", "Advanced AI models", "Priority mixing", "Export high-res"],
|
||||
button: { text: "Upgrade" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg"},
|
||||
{
|
||||
id: "studio", title: "Studio", price: "$99", period: "mo", features: ["Team collaboration", "Mastering tools", "Dedicated support", "Commercial rights"],
|
||||
button: { text: "Contact Us" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/google-logos-transparent-psd-file_460848-6852.jpg"},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Choose the tier that fits your needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get Started Today"
|
||||
description="Join the revolution of AI music. Fill out the form to start your trial."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/finger-interface-laptop-hipster-cropped_1134-770.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get Started Today"
|
||||
description="Join the revolution of AI music. Fill out the form to start your trial."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/finger-interface-laptop-hipster-cropped_1134-770.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Harmonix AI"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Harmonix AI"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user