289 lines
14 KiB
TypeScript
289 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Shield, Sparkles, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Features", id: "#features"},
|
|
{
|
|
name: "Metrics", id: "#metrics"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
button={{
|
|
text: "Get Started", href: "#contact"}}
|
|
brandName="IdeaFlow AI"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroOverlay
|
|
title="Validate Your Ideas with AI-Powered Precision"
|
|
description="Transform your raw concepts into market-ready ventures. IdeaFlow AI provides deep insights, trend analysis, and competitive intelligence to ensure your next big idea thrives."
|
|
buttons={[
|
|
{
|
|
text: "Start Free Trial", href: "#contact"},
|
|
{
|
|
text: "Learn More", href: "#about"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", alt: "Sarah Johnson"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3805.jpg", alt: "Michael Chen"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/side-view-female-with-tablet_23-2148415952.jpg", alt: "Emily Rodriguez"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg", alt: "David Kim"},
|
|
{
|
|
src: "asset://avatar-5", alt: "Jessica Lee"},
|
|
]}
|
|
avatarText="Join 1000+ innovators"
|
|
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-with-flowing-lines-particles_1048-13576.jpg"
|
|
imageAlt="AI-powered idea validation dashboard"
|
|
showBlur={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Unlock the True Potential of Your Innovations"
|
|
description="IdeaFlow AI empowers innovators, entrepreneurs, and product teams to make data-driven decisions. Our platform leverages advanced AI to analyze market viability, identify key opportunities, and mitigate risks before development begins."
|
|
bulletPoints={[
|
|
{
|
|
title: "AI-Driven Market Insights", description: "Leverage machine learning to uncover deep market trends and consumer demands automatically."},
|
|
{
|
|
title: "Comprehensive Viability Analysis", description: "Get a holistic view of your idea's potential, assessing every angle from competition to scalability."},
|
|
{
|
|
title: "Proactive Risk Mitigation", description: "Identify potential pitfalls early and strategize solutions to safeguard your investment."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg"
|
|
imageAlt="SaaS dashboard showing market analysis results"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"Manual Research", "Subjective Feedback", "Slow Iteration", "Missed Trends"],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"AI-Powered Insights", "Objective Validation", "Rapid Prototyping", "Early Trend Detection"],
|
|
}}
|
|
animationType="slide-up"
|
|
title="Visualize Your Idea's Future"
|
|
description="Gain unparalleled clarity with our intuitive data visualization dashboard. See your idea's potential through interactive radar charts, score gauges, and detailed comparative analysis."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "95%", title: "Market Fit Score", items: [
|
|
"Precision audience matching", "Trend alignment analysis"],
|
|
},
|
|
{
|
|
id: "m2", value: "100K+", title: "Demand Index", items: [
|
|
"Active interest indicators", "Search volume insights"],
|
|
},
|
|
{
|
|
id: "m3", value: "AI-Driven", title: "Innovation Rating", items: [
|
|
"Novelty assessment", "Competitive landscape analysis"],
|
|
},
|
|
]}
|
|
title="Quantify Success Before You Build"
|
|
description="Our AI engine processes millions of data points to deliver actionable metrics. Understand your idea's market fit, audience demand, and competitive edge with precision."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "free", badge: "Starter", badgeIcon: Sparkles,
|
|
price: "Free", subtitle: "Explore basic idea validation", features: [
|
|
"1 Idea Analysis", "Basic Market Trends", "Limited History"],
|
|
},
|
|
{
|
|
id: "pro", badge: "Pro", badgeIcon: Zap,
|
|
price: "$49/month", subtitle: "Deep dive for serious entrepreneurs", features: [
|
|
"10 Idea Analyses/month", "Advanced Market Insights", "Full History Access", "Comparison Tool"],
|
|
},
|
|
{
|
|
id: "enterprise", badge: "Enterprise", badgeIcon: Shield,
|
|
price: "Custom", subtitle: "Tailored for large teams & agencies", features: [
|
|
"Unlimited Analyses", "Dedicated Support", "API Access", "Team Collaboration"],
|
|
},
|
|
]}
|
|
title="Flexible Plans for Every Innovator"
|
|
description="Choose the IdeaFlow AI plan that scales with your ambition. From aspiring entrepreneurs to enterprise teams, we have a solution for you."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "IdeaFlow AI has been a game-changer for our product development. The insights are incredibly accurate!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg", imageAlt: "Sarah Johnson"},
|
|
{
|
|
id: "t2", name: "Michael Chen", handle: "@mikec", testimonial: "Before IdeaFlow, market research was a guessing game. Now, we're making data-driven decisions with confidence.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-bruises_1098-1086.jpg", imageAlt: "Michael Chen"},
|
|
{
|
|
id: "t3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "The idea comparison tool alone is worth it! It helped us pivot from a good idea to a truly great one.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-clipboard-smiling-camera_482257-121165.jpg", imageAlt: "Emily Rodriguez"},
|
|
{
|
|
id: "t4", name: "David Kim", handle: "@davidk", testimonial: "Remarkable platform! The AI identifies potential risks we would have completely overlooked otherwise.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mature-police-officer-workplace_1098-14754.jpg", imageAlt: "David Kim"},
|
|
{
|
|
id: "t5", name: "Jessica Lee", handle: "@jessical", testimonial: "Streamlined our entire validation process. IdeaFlow AI is an essential tool for any serious innovator.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020794.jpg", imageAlt: "Jessica Lee"},
|
|
]}
|
|
showRating={true}
|
|
title="Innovators Trust IdeaFlow AI"
|
|
description="Hear from entrepreneurs and product leaders who transformed their vision into reality with our platform."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x5j3t2", "http://img.b2bpic.net/free-photo/chrome-spheres-attached-green-sphere_1156-677.jpg", "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-123767.jpg", "http://img.b2bpic.net/free-vector/gradient-electronics-logo-collection_23-2148965878.jpg", "http://img.b2bpic.net/free-photo/gear-front-side-white-background_187299-40157.jpg", "http://img.b2bpic.net/free-vector/20-economy-solid-glyph-icon-presentation_1142-24002.jpg", "http://img.b2bpic.net/free-photo/close-up-colorful-translucent-shapes_23-2148830214.jpg"]}
|
|
title="Trusted by Leading Innovators"
|
|
description="Our platform is the secret weapon for forward-thinking companies worldwide."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What is IdeaFlow AI?", content: "IdeaFlow AI is an advanced platform that uses artificial intelligence to validate business and product ideas. It analyzes market trends, competitive landscapes, and audience demand to provide actionable insights, helping you make data-driven decisions before investment."},
|
|
{
|
|
id: "q2", title: "How does AI validation work?", content: "Our AI engine processes vast amounts of public data, including market reports, social media trends, patent databases, and customer reviews. It then generates comprehensive reports, scores your idea against key metrics, and identifies potential opportunities and risks."},
|
|
{
|
|
id: "q3", title: "Is my data secure and private?", content: "Absolutely. We employ industry-standard encryption and robust security protocols to protect your ideas and data. All information submitted is kept confidential and used solely for analysis purposes within your account."},
|
|
]}
|
|
sideTitle="Your Questions, Answered"
|
|
sideDescription="Browse our frequently asked questions or contact support for more assistance regarding IdeaFlow AI."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "animated-grid"}}
|
|
tag="Ready to Innovate?"
|
|
title="Get Started with IdeaFlow AI"
|
|
description="Join the future of idea validation. Sign up for early access or connect with our sales team."
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Sign Up for Early Access"
|
|
termsText="By clicking Sign Up, you agree to our Terms and Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="IdeaFlow AI"
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{
|
|
label: "Features", href: "#features"},
|
|
{
|
|
label: "Pricing", href: "#pricing"},
|
|
{
|
|
label: "How it Works", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 IdeaFlow AI. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|