286 lines
15 KiB
TypeScript
286 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { BookOpen, Brain, DollarSign, Lightbulb, Sparkles, Star, Target, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="SummarizerAI"
|
|
navItems={[
|
|
{ name: "Features", id: "features" },
|
|
{ name: "How It Works", id: "how-it-works" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Start Free Trial", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="SummarizerAI"
|
|
description="Transform lengthy texts into concise summaries and test your comprehension with intelligent quizzes. Powered by advanced AI to accelerate your learning and productivity."
|
|
buttons={[
|
|
{ text: "Start Summarizing", href: "#features" },
|
|
{ text: "Learn More", href: "#how-it-works" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-modern-clean-software-dashboard-interf-1773905055057-c6c21320.png"
|
|
imageAlt="SummarizerAI Dashboard"
|
|
mediaAnimation="opacity"
|
|
frameStyle="browser"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
title="Powerful Features"
|
|
description="Everything you need to summarize text and master any subject with interactive quizzes."
|
|
tag="Core Capabilities"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "summarize", title: "Instant Summarization", tags: ["AI-Powered", "Any Length"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-simplified-illustration-of-a-text-summ-1773905053904-69e5f69b.png", imageAlt: "Text Summarization"
|
|
},
|
|
{
|
|
id: "quiz", title: "Interactive Quizzes", tags: ["Adaptive", "Real-time"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/an-illustration-of-an-interactive-quiz-i-1773905054703-ade0278b.png", imageAlt: "Quiz Platform"
|
|
},
|
|
{
|
|
id: "ai", title: "Advanced AI Engine", tags: ["Smart", "Accurate"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-tech-focused-illustration-of-ai-proces-1773905053561-81d10e72.png", imageAlt: "AI Technology"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Explore Features", href: "#pricing" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Designed for Modern Learning"
|
|
description="SummarizerAI combines cutting-edge artificial intelligence with educational best practices. Our platform helps students, professionals, and lifelong learners process information faster and retain knowledge better."
|
|
tag="About Us"
|
|
tagIcon={BookOpen}
|
|
tagAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "AI-Powered Summarization", description: "Advanced machine learning algorithms distill complex content into clear, concise summaries without losing essential information.", icon: Brain
|
|
},
|
|
{
|
|
title: "Adaptive Quizzes", description: "Personalized assessment questions that adjust difficulty based on your performance to optimize learning outcomes.", icon: Target
|
|
},
|
|
{
|
|
title: "Instant Feedback", description: "Immediate, actionable insights help you identify knowledge gaps and focus study efforts where they matter most.", icon: Zap
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-professional-image-showing-a-diverse-t-1773905054185-bfb6c0f9.png"
|
|
imageAlt="Education Team"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[{ text: "Discover Our Story", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
<MetricCardTwo
|
|
title="How It Works"
|
|
description="Three simple steps to master any subject with SummarizerAI."
|
|
tag="Quick Process"
|
|
tagIcon={Lightbulb}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "step1", value: "1", description: "Paste or upload your text, PDF, or document instantly."
|
|
},
|
|
{
|
|
id: "step2", value: "2", description: "Our AI generates a clear, concise summary in seconds."
|
|
},
|
|
{
|
|
id: "step3", value: "3", description: "Take personalized quizzes to test and strengthen your understanding."
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Start Now", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Loved by Learners Worldwide"
|
|
description="Thousands of students and professionals trust SummarizerAI to accelerate their learning journey."
|
|
tag="Success Stories"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", handle: "Medical Student", testimonial: "SummarizerAI cut my study time in half. I can now summarize textbooks instantly and quiz myself on the key concepts. My grades have never been better!", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-professional-headshot-photo-of-a-confi-1773905054134-4da30f84.png", imageAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Johnson", handle: "Corporate Trainer", testimonial: "This tool is invaluable for our training programs. Participants love the quizzes, and we've seen a 40% improvement in knowledge retention.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-professional-headshot-of-a-different-d-1773905053029-cd3d1055.png", imageAlt: "Marcus Johnson"
|
|
},
|
|
{
|
|
id: "3", name: "Priya Patel", handle: "Researcher", testimonial: "As someone who reads dozens of papers weekly, SummarizerAI saves me countless hours. The summaries are accurate and capture all essential points.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-professional-headshot-of-another-diver-1773905053453-3e3ac4f5.png", imageAlt: "Priya Patel"
|
|
},
|
|
{
|
|
id: "4", name: "James Wilson", handle: "High School Teacher", testimonial: "My students are more engaged than ever. The interactive quizzes make learning fun, and I can track their progress effortlessly.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B9cwS5sKwhQ49iiiVMtuPJbUCy/a-professional-headshot-of-a-fourth-dive-1773905053638-55a1e112.png", imageAlt: "James Wilson"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
carouselMode="buttons"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[{ text: "Join Our Community", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
title="Affordable Plans for Everyone"
|
|
description="Start free, upgrade anytime. Choose the plan that fits your learning needs."
|
|
tag="Transparent Pricing"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="slide-up"
|
|
plans={[
|
|
{
|
|
id: "starter", name: "Starter", price: "Free", badge: "Popular", badgeIcon: Zap,
|
|
buttons: [{ text: "Start Free", href: "#contact" }],
|
|
features: ["5 summaries per day", "Basic quizzes", "Community support", "Web access only"]
|
|
},
|
|
{
|
|
id: "pro", name: "Pro", price: "$9.99/mo", badge: "Best Value", badgeIcon: Star,
|
|
buttons: [{ text: "Subscribe Now", href: "#contact" }],
|
|
features: ["Unlimited summaries", "Adaptive AI quizzes", "Priority support", "Mobile & desktop apps", "Progress tracking"]
|
|
},
|
|
{
|
|
id: "enterprise", name: "Enterprise", price: "Custom", buttons: [{ text: "Contact Sales", href: "#contact" }],
|
|
features: ["Team management", "Advanced analytics", "API access", "Dedicated support", "Custom integrations"]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "See All Features", href: "#features" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find answers to common questions about SummarizerAI features, pricing, and how to get started."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How accurate are the summaries?", content: "Our AI uses state-of-the-art natural language processing to ensure summaries capture key information while maintaining accuracy. We continuously improve our algorithms based on user feedback and maintain a 95%+ accuracy rate on major content types."
|
|
},
|
|
{
|
|
id: "2", title: "Can I use SummarizerAI for academic work?", content: "Absolutely! SummarizerAI is designed to support learning and understanding. We recommend using summaries as study aids and citing original sources in academic work, just as you would with any reference material."
|
|
},
|
|
{
|
|
id: "3", title: "How do the adaptive quizzes work?", content: "Our AI analyzes your answers to generate questions tailored to your knowledge level. The quiz difficulty adjusts in real-time—harder questions appear when you answer correctly, easier ones when you struggle, optimizing your learning experience."
|
|
},
|
|
{
|
|
id: "4", title: "Is my data secure and private?", content: "Yes. All data is encrypted in transit and at rest using industry-standard security protocols. We never sell user data. See our Privacy Policy for complete details."
|
|
},
|
|
{
|
|
id: "5", title: "What file formats are supported?", content: "We support PDF, DOCX, TXT, and web content. You can also paste text directly into our editor or upload images containing text (OCR enabled)."
|
|
},
|
|
{
|
|
id: "6", title: "Can I cancel my subscription anytime?", content: "Yes. There's no lock-in period. Cancel your subscription anytime with no penalty. Your data remains accessible for 30 days after cancellation."
|
|
}
|
|
]}
|
|
textPosition="left"
|
|
faqsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
buttons={[{ text: "Still have questions?", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="SummarizerAI"
|
|
copyrightText="© 2025 SummarizerAI | Empowering learners worldwide"
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "How It Works", href: "#how-it-works" },
|
|
{ label: "FAQ", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Documentation", href: "#" },
|
|
{ label: "API Reference", href: "#" },
|
|
{ label: "Support", href: "#" },
|
|
{ label: "Community", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Accessibility", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |