Merge version_1 into main #1
246
src/app/page.tsx
246
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, FileText, Atom } from "lucide-react";
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
@@ -25,167 +26,102 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
]}
|
||||
brandName="StudyGenie AI"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
]}
|
||||
brandName="StudyGenie AI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Study Smarter, Not Harder"
|
||||
description="Complex concepts explained by AI in seconds for just $2/month"
|
||||
tag="Your AI Learning Companion"
|
||||
buttons={[
|
||||
{
|
||||
text: "Unlock Study Pro",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/modern-ai-dashboard-interface-for-studen-1774602219670-d1624371.png",
|
||||
imageAlt: "AI Study Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/a-student-using-a-tablet-smiling-relaxin-1774602219458-deed00ac.png",
|
||||
imageAlt: "Student using tablet",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 10,000+ Students"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Study Smarter, Not Harder"
|
||||
description="Complex concepts explained by AI in seconds for just $2/month"
|
||||
tag="Your AI Learning Companion"
|
||||
buttons={[{ text: "Unlock Study Pro", href: "#pricing" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/modern-ai-dashboard-interface-for-studen-1774602219670-d1624371.png", imageAlt: "AI Study Interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/a-student-using-a-tablet-smiling-relaxin-1774602219458-deed00ac.png", imageAlt: "Student using tablet" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 10,000+ Students"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "AI Homework Helper",
|
||||
description: "Get instant step-by-step guidance on any homework problem.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/minimalist-green-icon-representing-ai-ho-1774602218995-73b91104.png",
|
||||
},
|
||||
{
|
||||
title: "Instant Essay Outliner",
|
||||
description: "Organize your thoughts and structure essays in seconds.",
|
||||
buttonIcon: "FileText",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/minimalist-green-icon-representing-essay-1774602218100-022b9581.png",
|
||||
},
|
||||
{
|
||||
title: "Science Concept Simplifier",
|
||||
description: "Turn complex scientific theories into easy-to-grasp explanations.",
|
||||
buttonIcon: "Atom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/minimalist-green-icon-representing-scien-1774602219424-ee7780fb.png",
|
||||
},
|
||||
]}
|
||||
title="Everything You Need to Ace Exams"
|
||||
description="Powerful AI tools designed to simplify your academic life."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "AI Homework Helper", description: "Get instant step-by-step guidance on any homework problem.", buttonIcon: Zap,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/minimalist-green-icon-representing-ai-ho-1774602218995-73b91104.png"},
|
||||
{
|
||||
title: "Instant Essay Outliner", description: "Organize your thoughts and structure essays in seconds.", buttonIcon: FileText,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/minimalist-green-icon-representing-essay-1774602218100-022b9581.png"},
|
||||
{
|
||||
title: "Science Concept Simplifier", description: "Turn complex scientific theories into easy-to-grasp explanations.", buttonIcon: Atom,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/minimalist-green-icon-representing-scien-1774602219424-ee7780fb.png"},
|
||||
]}
|
||||
title="Everything You Need to Ace Exams"
|
||||
description="Powerful AI tools designed to simplify your academic life."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="How StudyGenie Works"
|
||||
description="1. Join our community. 2. Ask your question to the AI. 3. Understand concepts instantly."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/conceptual-illustration-showing-3-simple-1774602218067-da6a17a2.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="How StudyGenie Works"
|
||||
description="1. Join our community. 2. Ask your question to the AI. 3. Understand concepts instantly."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/conceptual-illustration-showing-3-simple-1774602218067-da6a17a2.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "student-plan",
|
||||
title: "Study Pro",
|
||||
price: "$2",
|
||||
period: "/month",
|
||||
features: [
|
||||
"Unlimited AI queries",
|
||||
"Essay outlining tools",
|
||||
"Science simplification",
|
||||
"Priority support",
|
||||
],
|
||||
button: {
|
||||
text: "Unlock All Features",
|
||||
href: "#",
|
||||
},
|
||||
},
|
||||
]}
|
||||
title="Unlock All Features"
|
||||
description="Simple, affordable access for every student."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "student-plan", title: "Study Pro", price: "$2", period: "/month", features: ["Unlimited AI queries", "Essay outlining tools", "Science simplification", "Priority support"],
|
||||
button: { text: "Unlock All Features", href: "#" },
|
||||
},
|
||||
]}
|
||||
title="Unlock All Features"
|
||||
description="Simple, affordable access for every student."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/friendly-student-avatar-clean-background-1774602218938-c9a5a71a.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie L.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/friendly-student-avatar-clean-background-1774602216932-f7ac898e.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jordan P.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/friendly-student-avatar-clean-background-1774602218708-45f25308.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Casey T.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/friendly-student-avatar-clean-background-1774602220222-7a7c883e.png",
|
||||
},
|
||||
]}
|
||||
cardTitle="What students are saying"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/friendly-student-avatar-clean-background-1774602218938-c9a5a71a.png" },
|
||||
{ id: "2", name: "Jamie L.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/friendly-student-avatar-clean-background-1774602216932-f7ac898e.png" },
|
||||
{ id: "3", name: "Jordan P.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/friendly-student-avatar-clean-background-1774602218708-45f25308.png" },
|
||||
{ id: "4", name: "Casey T.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWQ7XpdKTxrQUXkIzs3GCFAOZB/friendly-student-avatar-clean-background-1774602220222-7a7c883e.png" },
|
||||
]}
|
||||
cardTitle="What students are saying"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="StudyGenie AI"
|
||||
leftLink={{
|
||||
text: "Login / Sign Up",
|
||||
href: "/login",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Follow us on Twitter",
|
||||
href: "https://twitter.com",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="StudyGenie AI"
|
||||
leftLink={{ text: "Login / Sign Up", href: "/login" }}
|
||||
rightLink={{ text: "Follow us on Twitter", href: "https://twitter.com" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user