bender/f7c580a4-db2e-4734-b99c-e511c0548c31
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-17 15:40:08 +00:00
parent 79bf10e481
commit 3b5a6138b9
1 changed files with 43 additions and 292 deletions
Download Patch File Download Diff File Expand all files Collapse all files

335
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "Features",
id: "#features",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "Community",
id: "#faq",
},
{ name: "Home", id: "#hero" },
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "#pricing" },
{ name: "Community", id: "#faq" },
]}
brandName="FocusForge"
/>
@@ -55,68 +43,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "glowing-orb",
}}
background={{ variant: "glowing-orb" }}
title="Beat distractions. Build discipline. Study smarter."
description="FocusForge turns your study sessions into an immersive, gamified experience. Lock out distractions, track your progress, and climb the leaderboard with friends."
buttons={[
{
text: "Start Focusing",
href: "#",
},
{
text: "Join the Challenge",
href: "#",
},
]}
buttons={[{ text: "Start Focusing", href: "#" }, { text: "Join the Challenge", href: "#" }]}
imageSrc="http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749869.jpg"
imageAlt="minimalist dark mode study interface"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/education-day-elements-with-tablet_23-2148721225.jpg",
alt: "Education day elements with tablet",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-tablet-clock-paper-plane-coffee-mug_23-2148281075.jpg",
alt: "Top view of tablet clock and paper plane and coffee mug",
},
{
src: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-tablet-white-background_23-2148269417.jpg",
alt: "Flat lay arrangement with tablet on white background",
},
{
src: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063006.jpg",
alt: "Still life of books versus technology",
},
{
src: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-woman-student-returns-from-lecures-wears-headband-casual-neat-clothes-strolls-outdoors-poses-against-blurred-urban-background-people-lifestyle-concept_273609-62304.jpg",
alt: "Outdoor shot of pensive curly haired woman student returns from lecures",
},
{ src: "http://img.b2bpic.net/free-photo/education-day-elements-with-tablet_23-2148721225.jpg", alt: "Education day elements with tablet" },
{ src: "http://img.b2bpic.net/free-photo/top-view-tablet-clock-paper-plane-coffee-mug_23-2148281075.jpg", alt: "Top view of tablet clock and paper plane and coffee mug" },
{ src: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-tablet-white-background_23-2148269417.jpg", alt: "Flat lay arrangement with tablet on white background" },
{ src: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063006.jpg", alt: "Still life of books versus technology" },
{ src: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-woman-student-returns-from-lecures-wears-headband-casual-neat-clothes-strolls-outdoors-poses-against-blurred-urban-background-people-lifestyle-concept_273609-62304.jpg", alt: "Outdoor shot of pensive curly haired woman student returns from lecures" }
]}
avatarText="Join 45,000+ students"
marqueeItems={[
{
type: "text",
text: "Gamified Learning",
},
{
type: "text",
text: "Deep Focus Mode",
},
{
type: "text",
text: "Weekly Analytics",
},
{
type: "text",
text: "Leaderboard",
},
{
type: "text",
text: "Ad-free Experience",
},
{ type: "text", text: "Gamified Learning" },
{ type: "text", text: "Deep Focus Mode" },
{ type: "text", text: "Weekly Analytics" },
{ type: "text", text: "Leaderboard" },
{ type: "text", text: "Ad-free Experience" },
]}
/>
</div>
@@ -127,21 +74,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Gamified Growth",
description: "Earn XP, unlock virtual trees, and level up your study streaks.",
icon: Sparkles,
},
{
title: "Deep Analytics",
description: "Visualize your progress with weekly insights and trend analysis.",
icon: BarChart2,
},
{
title: "Focus Forge Mode",
description: "Lock distracting websites and apps with a single tap for pure concentration.",
icon: ShieldCheck,
},
{ title: "Gamified Growth", description: "Earn XP, unlock virtual trees, and level up your study streaks.", icon: Sparkles },
{ title: "Deep Analytics", description: "Visualize your progress with weekly insights and trend analysis.", icon: BarChart2 },
{ title: "Focus Forge Mode", description: "Lock distracting websites and apps with a single tap for pure concentration.", icon: ShieldCheck },
]}
title="Master Your Focus"
description="Powerful tools designed to keep you locked in and motivated throughout your study journey."
@@ -154,21 +89,9 @@ export default function LandingPage() {
title="Community Impact"
tag="Live Stats"
metrics={[
{
id: "m1",
value: "1.2M",
description: "Hours Focused",
},
{
id: "m2",
value: "45K",
description: "Active Students",
},
{
id: "m3",
value: "98%",
description: "Goal Achievement",
},
{ id: "m1", value: "1.2M", description: "Hours Focused" },
{ id: "m2", value: "45K", description: "Active Students" },
{ id: "m3", value: "98%", description: "Goal Achievement" },
]}
metricsAnimation="slide-up"
/>
@@ -179,61 +102,14 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="slide-up"
products={[
{
id: "p1",
brand: "Themes",
name: "Cyber Neon Pack",
price: "$9.99",
rating: 5,
reviewCount: "1.2k",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sp6mwj",
},
{
id: "p2",
brand: "Accessories",
name: "Digital Pet Skin",
price: "$4.99",
rating: 4,
reviewCount: "800",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0cggl3",
},
{
id: "p3",
brand: "Tools",
name: "Deep Focus Pro",
price: "$19.99",
rating: 5,
reviewCount: "5k",
imageSrc: "http://img.b2bpic.net/free-vector/gradient-colorful-music-festival-labels_23-2149112989.jpg",
},
{
id: "p4",
brand: "Themes",
name: "Nature Zen Pack",
price: "$9.99",
rating: 5,
reviewCount: "2k",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-electronics-store-labels-template_23-2151138132.jpg",
},
{
id: "p5",
brand: "Accessories",
name: "Soundscape Pro",
price: "$14.99",
rating: 4,
reviewCount: "900",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5f1e5u",
},
{
id: "p6",
brand: "Tools",
name: "Math Solve Pass",
price: "$29.99",
rating: 5,
reviewCount: "3k",
imageSrc: "http://img.b2bpic.net/free-vector/gradient-big-raffle-label-design_23-2150012271.jpg",
},
{ id: "p1", brand: "Themes", name: "Cyber Neon Pack", price: "$9.99", rating: 5, reviewCount: "1.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sp6mwj" },
{ id: "p2", brand: "Accessories", name: "Digital Pet Skin", price: "$4.99", rating: 4, reviewCount: "800", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0cggl3" },
{ id: "p3", brand: "Tools", name: "Deep Focus Pro", price: "$19.99", rating: 5, reviewCount: "5k", imageSrc: "http://img.b2bpic.net/free-vector/gradient-colorful-music-festival-labels_23-2149112989.jpg" },
{ id: "p4", brand: "Themes", name: "Nature Zen Pack", price: "$9.99", rating: 5, reviewCount: "2k", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-electronics-store-labels-template_23-2151138132.jpg" },
{ id: "p5", brand: "Accessories", name: "Soundscape Pro", price: "$14.99", rating: 4, reviewCount: "900", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5f1e5u" },
{ id: "p6", brand: "Tools", name: "Math Solve Pass", price: "$29.99", rating: 5, reviewCount: "3k", imageSrc: "http://img.b2bpic.net/free-vector/gradient-big-raffle-label-design_23-2150012271.jpg" },
]}
title="Unlock Your Potential"
description="Premium themes and exclusive community rewards."
@@ -246,41 +122,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "free",
tag: "Basic",
price: "$0",
period: "/mo",
description: "Start your journey for free.",
button: {
text: "Get Started",
href: "#",
},
featuresTitle: "Includes:",
features: [
"Focus Mode",
"Basic Analytics",
"Daily Challenges",
],
},
{
id: "pro",
tag: "Pro",
price: "$4.99",
period: "/mo",
description: "The ultimate focus experience.",
button: {
text: "Upgrade",
href: "#",
},
featuresTitle: "Everything in Basic, plus:",
features: [
"App/Site Blocking",
"Deep Analytics",
"AI Assistant",
"Ad-free",
],
},
{ id: "free", tag: "Basic", price: "$0", period: "/mo", description: "Start your journey for free.", button: { text: "Get Started", href: "#" }, featuresTitle: "Includes:", features: ["Focus Mode", "Basic Analytics", "Daily Challenges"] },
{ id: "pro", tag: "Pro", price: "$4.99", period: "/mo", description: "The ultimate focus experience.", button: { text: "Upgrade", href: "#" }, featuresTitle: "Everything in Basic, plus:", features: ["App/Site Blocking", "Deep Analytics", "AI Assistant", "Ad-free"] },
]}
title="Choose Your Path"
description="Start for free or go pro to accelerate your focus goals."
@@ -293,41 +136,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
role: "CS Major",
testimonial: "FocusForge completely changed how I prep for exams. The gamification is brilliant.",
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wearing-headband-standing-outside_23-2147654964.jpg",
},
{
id: "t2",
name: "Michael L.",
role: "Medical Student",
testimonial: "The deep focus mode is exactly what I needed to stop checking my social feeds.",
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie-looking-succesful_1298-412.jpg",
},
{
id: "t3",
name: "Emily R.",
role: "Law Student",
testimonial: "I love the leaderboard; it gives me that extra nudge I need to keep studying.",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-student-wearing-glasses-bandana-headphones-around-neck-standing-profile-view-holding-note-pads-with-both-hands-looking-camera-isolated-olive-green-background_141793-135028.jpg",
},
{
id: "t4",
name: "David K.",
role: "Engineering Student",
testimonial: "The streak system is so addictive in the best way possible. Highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-suit-gym_23-2149386080.jpg",
},
{
id: "t5",
name: "Chloe T.",
role: "Design Student",
testimonial: "The ambient sounds are perfect for deep work sessions. Best study app ever.",
imageSrc: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg",
},
{ id: "t1", name: "Sarah J.", role: "CS Major", testimonial: "FocusForge completely changed how I prep for exams. The gamification is brilliant.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wearing-headband-standing-outside_23-2147654964.jpg" },
{ id: "t2", name: "Michael L.", role: "Medical Student", testimonial: "The deep focus mode is exactly what I needed to stop checking my social feeds.", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie-looking-succesful_1298-412.jpg" },
{ id: "t3", name: "Emily R.", role: "Law Student", testimonial: "I love the leaderboard; it gives me that extra nudge I need to keep studying.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-student-wearing-glasses-bandana-headphones-around-neck-standing-profile-view-holding-note-pads-with-both-hands-looking-camera-isolated-olive-green-background_141793-135028.jpg" },
{ id: "t4", name: "David K.", role: "Engineering Student", testimonial: "The streak system is so addictive in the best way possible. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-suit-gym_23-2149386080.jpg" },
{ id: "t5", name: "Chloe T.", role: "Design Student", testimonial: "The ambient sounds are perfect for deep work sessions. Best study app ever.", imageSrc: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg" },
]}
title="Student Success Stories"
description="Join thousands of students achieving better grades through disciplined focus."
@@ -339,21 +152,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How does app blocking work?",
content: "You simply select the apps you want to block in settings and they become inaccessible until your focus session timer expires.",
},
{
id: "q2",
title: "Is there a free version?",
content: "Yes, we offer a robust free tier with basic features and daily streak tracking.",
},
{
id: "q3",
title: "Can I use it on multiple devices?",
content: "Absolutely. FocusForge syncs your progress across web, extension, and mobile app integrations.",
},
{ id: "q1", title: "How does app blocking work?", content: "You simply select the apps you want to block in settings and they become inaccessible until your focus session timer expires." },
{ id: "q2", title: "Is there a free version?", content: "Yes, we offer a robust free tier with basic features and daily streak tracking." },
{ id: "q3", title: "Can I use it on multiple devices?", content: "Absolutely. FocusForge syncs your progress across web, extension, and mobile app integrations." },
]}
title="Frequently Asked Questions"
description="Common questions about getting the most out of your FocusForge experience."
@@ -367,9 +168,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Newsletter"
title="Stay Focused, Stay Informed"
description="Sign up for productivity tips and news about new features."
@@ -382,57 +181,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Product",
items: [
{
label: "Web App",
href: "#",
},
{
label: "Extensions",
href: "#",
},
{
label: "Features",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Careers",
href: "#",
},
{
label: "Blog",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Help Center",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Product", items: [{ label: "Web App", href: "#" }, { label: "Extensions", href: "#" }, { label: "Features", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="FocusForge"
/>