Merge version_1 into main #1
392
src/app/page.tsx
392
src/app/page.tsx
@@ -26,296 +26,120 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="VoiceFlow"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="VoiceFlow"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="VoiceFlow: Convert Text to Natural Audio"
|
||||
description="Transform any text document into high-fidelity speech in seconds. Powered by advanced neural networks for human-like narration."
|
||||
kpis={[
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Accuracy Rate",
|
||||
},
|
||||
{
|
||||
value: "1.2M+",
|
||||
label: "Audios Generated",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Global Languages",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-flowing-particles-design-with-cyber-particles_1048-13350.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-business-female-office_23-2148411861.jpg",
|
||||
alt: "Portrait of professional woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
|
||||
alt: "Happy woman with tablet",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg",
|
||||
alt: "Senior female executive",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
||||
alt: "Blond business woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
|
||||
alt: "Cheerful man on desk",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 50,000+ happy creators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "High Fidelity",
|
||||
icon: Waves,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ultra Fast",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cloud Secure",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Multi-Lingual",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "API Enabled",
|
||||
icon: Code,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "plain" }}
|
||||
title="VoiceFlow: Convert Text to Natural Audio"
|
||||
description="Transform any text document into high-fidelity speech in seconds. Powered by advanced neural networks for human-like narration."
|
||||
kpis={[
|
||||
{ value: "99.9%", label: "Accuracy Rate" },
|
||||
{ value: "1.2M+", label: "Audios Generated" },
|
||||
{ value: "50+", label: "Global Languages" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-flowing-particles-design-with-cyber-particles_1048-13350.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-business-female-office_23-2148411861.jpg", alt: "Portrait of professional woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg", alt: "Happy woman with tablet" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg", alt: "Senior female executive" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", alt: "Blond business woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", alt: "Cheerful man on desk" },
|
||||
]}
|
||||
avatarText="Join 50,000+ happy creators"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "High Fidelity", icon: Waves },
|
||||
{ type: "text-icon", text: "Ultra Fast", icon: Zap },
|
||||
{ type: "text-icon", text: "Cloud Secure", icon: Shield },
|
||||
{ type: "text-icon", text: "Multi-Lingual", icon: Globe },
|
||||
{ type: "text-icon", text: "API Enabled", icon: Code },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Speech",
|
||||
title: "Neural Clarity",
|
||||
subtitle: "Ultra-realistic",
|
||||
description: "AI models that simulate natural human breathing and intonation patterns.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-volume-icon_187299-47019.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Workflow",
|
||||
title: "Batch Processing",
|
||||
description: "Convert thousands of pages into audio with one click. Save hours of time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/basic-ui-elements-25-line-icon-pack-including-down-arrow-magnifier-person-male_1142-23775.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Global",
|
||||
title: "Multi-language Support",
|
||||
description: "Reach audiences anywhere with support for over 50 major global languages.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/halftone-style-abstract-dotted-sphere-shape-design_1017-53748.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Scalable",
|
||||
title: "Enterprise API",
|
||||
description: "Seamless integration into your apps and platforms with our robust API.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sound-volume-up-front-side-white-background_187299-40214.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Custom",
|
||||
title: "Voice Cloning",
|
||||
description: "Create a unique, personalized voice model for your specific brand identity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/youtube-25-flat-color-icon-pack-including-gear-ui-basic-globe-basic_1142-21249.jpg",
|
||||
},
|
||||
]}
|
||||
title="Powerful Audio Features"
|
||||
description="Everything you need to create professional-grade voice content."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Speech", title: "Neural Clarity", subtitle: "Ultra-realistic", description: "AI models that simulate natural human breathing and intonation patterns.", imageSrc: "http://img.b2bpic.net/free-photo/blue-volume-icon_187299-47019.jpg" },
|
||||
{ tag: "Workflow", title: "Batch Processing", subtitle: "Efficient", description: "Convert thousands of pages into audio with one click. Save hours of time.", imageSrc: "http://img.b2bpic.net/free-vector/basic-ui-elements-25-line-icon-pack-including-down-arrow-magnifier-person-male_1142-23775.jpg" },
|
||||
{ tag: "Global", title: "Multi-language Support", subtitle: "Universal", description: "Reach audiences anywhere with support for over 50 major global languages.", imageSrc: "http://img.b2bpic.net/free-vector/halftone-style-abstract-dotted-sphere-shape-design_1017-53748.jpg" },
|
||||
{ tag: "Scalable", title: "Enterprise API", subtitle: "Robust", description: "Seamless integration into your apps and platforms with our robust API.", imageSrc: "http://img.b2bpic.net/free-photo/sound-volume-up-front-side-white-background_187299-40214.jpg" },
|
||||
{ tag: "Custom", title: "Voice Cloning", subtitle: "Personalized", description: "Create a unique, personalized voice model for your specific brand identity.", imageSrc: "http://img.b2bpic.net/free-vector/youtube-25-flat-color-icon-pack-including-gear-ui-basic-globe-basic_1142-21249.jpg" },
|
||||
]}
|
||||
title="Powerful Audio Features"
|
||||
description="Everything you need to create professional-grade voice content."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Content Creator",
|
||||
company: "CreativeMedia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21368.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Lead Developer",
|
||||
company: "TechInnovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-manager_1098-15671.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Founder",
|
||||
company: "GrowthSpire",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-corporate-man-real-estate-agent-assistant-smiling-hold-hands-together-how-may-i-help-you-smiling-friendly-polite-assist-customer-white-background_176420-45257.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Educator",
|
||||
company: "EduHub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-digital-nomad-standing-office-with-laptop-smiling-working-her_1258-195350.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert B.",
|
||||
role: "Podcast Host",
|
||||
company: "VoiceTalks",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-35195.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Creators Globally"
|
||||
description="See why top professionals choose VoiceFlow for their audio projects."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Content Creator", company: "CreativeMedia", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21368.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Lead Developer", company: "TechInnovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-manager_1098-15671.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Founder", company: "GrowthSpire", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-corporate-man-real-estate-agent-assistant-smiling-hold-hands-together-how-may-i-help-you-smiling-friendly-polite-assist-customer-white-background_176420-45257.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Educator", company: "EduHub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-digital-nomad-standing-office-with-laptop-smiling-working-her_1258-195350.jpg" },
|
||||
{ id: "5", name: "Robert B.", role: "Podcast Host", company: "VoiceTalks", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-35195.jpg" },
|
||||
]}
|
||||
title="Loved by Creators Globally"
|
||||
description="See why top professionals choose VoiceFlow for their audio projects."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is my text secure?",
|
||||
content: "Yes, we use industry-standard encryption for all text uploaded and processed on our platform.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How fast is the conversion?",
|
||||
content: "Most documents are processed within seconds depending on length.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I use it for commercial projects?",
|
||||
content: "All pro plans include full commercial usage rights for your audio files.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What file formats are supported?",
|
||||
content: "We support MP3, WAV, and OGG formats for all exports.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Is there a free trial available?",
|
||||
content: "Yes, we offer a generous free tier for users to test our neural voice engines.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers to help you get started with VoiceFlow."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Is my text secure?", content: "Yes, we use industry-standard encryption for all text uploaded and processed on our platform." },
|
||||
{ id: "q2", title: "How fast is the conversion?", content: "Most documents are processed within seconds depending on length." },
|
||||
{ id: "q3", title: "Can I use it for commercial projects?", content: "All pro plans include full commercial usage rights for your audio files." },
|
||||
{ id: "q4", title: "What file formats are supported?", content: "We support MP3, WAV, and OGG formats for all exports." },
|
||||
{ id: "q5", title: "Is there a free trial available?", content: "Yes, we offer a generous free tier for users to test our neural voice engines." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers to help you get started with VoiceFlow."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Stay Updated"
|
||||
description="Join thousands of creators receiving the latest AI audio updates and tips."
|
||||
tag="Newsletter"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
title="Stay Updated"
|
||||
description="Join thousands of creators receiving the latest AI audio updates and tips."
|
||||
tag="Newsletter"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="VoiceFlow"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ items: [{ label: "Support", href: "#" }, { label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="VoiceFlow"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user