bender/2a390c55-35b0-4c80-9de7-987915d9264e
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-30 13:46:42 +00:00
parent 18280c5138
commit cf4ec4531d
1 changed files with 65 additions and 238 deletions
Download Patch File Download Diff File Expand all files Collapse all files

303
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Log Entry",
id: "#logEntry",
},
name: "Log Entry", id: "#logEntry"},
{
name: "Dashboard",
id: "#dashboard",
},
name: "Dashboard", id: "#dashboard"},
{
name: "Lessons",
id: "#lessons",
},
name: "Lessons", id: "#lessons"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
]}
brandName="The Past as a Fuel"
/>
@@ -57,78 +49,43 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "canvas-reveal",
}}
variant: "canvas-reveal"}}
title="Transform Regret into Refined Fuel"
description="A private, disciplined digital journal for logging mistakes, analyzing causes, formulating action plans, and extracting invaluable life lessons for continuous personal growth."
testimonials={[
{
name: "User X",
handle: "@future-self",
testimonial: "This journal completely changed how I view my mistakes. They're no longer burdens, but blueprints for building a stronger me.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-businesswoman-sitting-couch_1098-3140.jpg",
},
name: "User X", handle: "@future-self", testimonial: "This journal completely changed how I view my mistakes. They're no longer burdens, but blueprints for building a stronger me.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-businesswoman-sitting-couch_1098-3140.jpg"},
{
name: "User Y",
handle: "@growth-mindset",
testimonial: "The analytical framework helps me confront my slip-ups without self-judgment. Pure data for profound self-improvement.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-executive_1098-2482.jpg",
},
name: "User Y", handle: "@growth-mindset", testimonial: "The analytical framework helps me confront my slip-ups without self-judgment. Pure data for profound self-improvement.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-executive_1098-2482.jpg"},
{
name: "User Z",
handle: "@disciplined-soul",
testimonial: "The 'Fire Extinguisher' protocols are game-changers. I've built real resilience and stopped patterns that plagued me for years.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-bust-figure-from-ancient-greece_23-2151616916.jpg",
},
name: "User Z", handle: "@disciplined-soul", testimonial: "The 'Fire Extinguisher' protocols are game-changers. I've built real resilience and stopped patterns that plagued me for years.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-bust-figure-from-ancient-greece_23-2151616916.jpg"},
{
name: "User A",
handle: "@muhasabah-master",
testimonial: "It's more than a journal; it's a personal operating system for continuous improvement, rooted in powerful self-reflection.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-smiling-middle-aged-business-man_1262-4966.jpg",
},
name: "User A", handle: "@muhasabah-master", testimonial: "It's more than a journal; it's a personal operating system for continuous improvement, rooted in powerful self-reflection.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-smiling-middle-aged-business-man_1262-4966.jpg"},
{
name: "User B",
handle: "@insight-seeker",
testimonial: "Every entry transforms regret into clarity. I've never had such a clear view of my triggers and the lessons waiting to be learned.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-praying-with-crossed-fingers-black-background_176420-55695.jpg",
},
name: "User B", handle: "@insight-seeker", testimonial: "Every entry transforms regret into clarity. I've never had such a clear view of my triggers and the lessons waiting to be learned.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-praying-with-crossed-fingers-black-background_176420-55695.jpg"},
]}
buttons={[
{
text: "New Fuel Entry",
href: "#logEntry",
},
text: "New Fuel Entry", href: "#logEntry"},
{
text: "View Dashboard",
href: "#dashboard",
},
text: "View Dashboard", href: "#dashboard"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/digital-art-light-lamp-design_23-2151124895.jpg",
alt: "User avatar 1",
},
src: "http://img.b2bpic.net/free-photo/digital-art-light-lamp-design_23-2151124895.jpg", alt: "User avatar 1"},
{
src: "http://img.b2bpic.net/free-photo/view-3d-man-working-justice-law-field_23-2151228049.jpg",
alt: "User avatar 2",
},
src: "http://img.b2bpic.net/free-photo/view-3d-man-working-justice-law-field_23-2151228049.jpg", alt: "User avatar 2"},
{
src: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
alt: "User avatar 3",
},
src: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg", alt: "User avatar 3"},
{
src: "http://img.b2bpic.net/free-photo/front-view-man-with-suit-posing-black-white_23-2149411399.jpg",
alt: "User avatar 4",
},
src: "http://img.b2bpic.net/free-photo/front-view-man-with-suit-posing-black-white_23-2149411399.jpg", alt: "User avatar 4"},
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-black-white_23-2149675531.jpg",
alt: "User avatar 5",
},
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-black-white_23-2149675531.jpg", alt: "User avatar 5"},
]}
avatarText="Join over 5,000 disciplined individuals"
imageSrc="http://img.b2bpic.net/free-photo/people-meeting-seminar-office-concept_53876-41666.jpg"
@@ -136,29 +93,19 @@ export default function LandingPage() {
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Self-Accountability",
icon: ShieldCheck,
type: "text-icon", text: "Self-Accountability", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Refined Insights",
icon: Lightbulb,
type: "text-icon", text: "Refined Insights", icon: Lightbulb,
},
{
type: "text-icon",
text: "Continuous Growth",
icon: TrendingUp,
type: "text-icon", text: "Continuous Growth", icon: TrendingUp,
},
{
type: "text-icon",
text: "Proactive Protocols",
icon: Zap,
type: "text-icon", text: "Proactive Protocols", icon: Zap,
},
{
type: "text-icon",
text: "Stoic Discipline",
icon: Scale,
type: "text-icon", text: "Stoic Discipline", icon: Scale,
},
]}
/>
@@ -169,7 +116,6 @@ export default function LandingPage() {
useInvertedBackground={false}
tag="Our Philosophy"
title="Muhasabah: The Art of Self-Accountability"
description="Rooted in Islamic tradition, Muhasabah is the practice of self-examination and accountability. This platform helps you transform the emotional weight of guilt into raw, analytical data, forging a profound blueprint for continuous personal growth. It's about building a stronger soul, one analyzed mistake at a time."
/>
</div>
@@ -180,19 +126,11 @@ export default function LandingPage() {
useInvertedBackground={false}
negativeCard={{
items: [
"The Incident: Describe exactly what went wrong, without sugarcoating or emotional baggage. Just the facts.",
"The Spark: Diagnose the root cause—triggers, emotional states, environmental factors. Uncover 'why' it happened.",
"The Fire Extinguisher: Develop immediate, actionable protocols. If X occurs, then I will immediately execute Y.",
"The Refined Fuel: Extract the ultimate lesson or philosophical wisdom gained. Convert regret into powerful insight.",
],
"The Incident: Describe exactly what went wrong, without sugarcoating or emotional baggage. Just the facts.", "The Spark: Diagnose the root cause—triggers, emotional states, environmental factors. Uncover 'why' it happened.", "The Fire Extinguisher: Develop immediate, actionable protocols. If X occurs, then I will immediately execute Y.", "The Refined Fuel: Extract the ultimate lesson or philosophical wisdom gained. Convert regret into powerful insight."],
}}
positiveCard={{
items: [
"Confrontation: Objectively log your raw slip-up.",
"Diagnosis: Isolate the precise trigger and context.",
"Intervention: Code your override protocol for future encounters.",
"Refinement: Extract universal wisdom, changing entry status to 'Refined Fuel' and updating your growth metrics.",
],
"Confrontation: Objectively log your raw slip-up.", "Diagnosis: Isolate the precise trigger and context.", "Intervention: Code your override protocol for future encounters.", "Refinement: Extract universal wisdom, changing entry status to 'Refined Fuel' and updating your growth metrics."],
}}
title="The 4-Step Fuel Conversion Engine"
description="Our structured framework helps you dismantle past errors, understand their origins, and forge actionable wisdom for a stronger future. Turn every slip-up into a stepping stone."
@@ -207,25 +145,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "total-converted",
value: "247",
title: "Mistakes Converted",
description: "Total slip-ups analyzed and transformed into valuable lessons.",
icon: Gauge,
id: "total-converted", value: "247", title: "Mistakes Converted", description: "Total slip-ups analyzed and transformed into valuable lessons.", icon: Gauge,
},
{
id: "days-since-slipup",
value: "28",
title: "Days Since Last Slip-up",
description: "Your longest streak of consistent adherence to your protocols.",
icon: CalendarCheck,
id: "days-since-slipup", value: "28", title: "Days Since Last Slip-up", description: "Your longest streak of consistent adherence to your protocols.", icon: CalendarCheck,
},
{
id: "top-cause",
value: "Procrastination",
title: "Most Frequent Cause",
description: "Top recurring trigger identified across all your journal entries.",
icon: Zap,
id: "top-cause", value: "Procrastination", title: "Most Frequent Cause", description: "Top recurring trigger identified across all your journal entries.", icon: Zap,
},
]}
title="Your Personal Fuel Gauge"
@@ -241,53 +167,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Discipline",
price: "Focused Action",
variant: "#discipline",
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-471.jpg",
imageAlt: "Abstract logic visualization for discipline",
},
id: "p1", name: "Discipline", price: "Focused Action", variant: "#discipline", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-471.jpg", imageAlt: "Abstract logic visualization for discipline"},
{
id: "p2",
name: "Spiritual Growth",
price: "Inner Peace",
variant: "#spiritual",
imageSrc: "http://img.b2bpic.net/free-photo/orange-background-with-golden-lights-abstract_23-2148231757.jpg",
imageAlt: "Abstract root cause analysis for spiritual growth",
},
id: "p2", name: "Spiritual Growth", price: "Inner Peace", variant: "#spiritual", imageSrc: "http://img.b2bpic.net/free-photo/orange-background-with-golden-lights-abstract_23-2148231757.jpg", imageAlt: "Abstract root cause analysis for spiritual growth"},
{
id: "p3",
name: "Health & Well-being",
price: "Vitality",
variant: "#health",
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572166.jpg",
imageAlt: "Abstract if-then protocol for health",
},
id: "p3", name: "Health & Well-being", price: "Vitality", variant: "#health", imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572166.jpg", imageAlt: "Abstract if-then protocol for health"},
{
id: "p4",
name: "Productivity",
price: "Efficient Flow",
variant: "#productivity",
imageSrc: "http://img.b2bpic.net/free-photo/oman-eye-bondage-lying-floor_23-2147695046.jpg",
imageAlt: "Abstract lesson extraction for productivity",
},
id: "p4", name: "Productivity", price: "Efficient Flow", variant: "#productivity", imageSrc: "http://img.b2bpic.net/free-photo/oman-eye-bondage-lying-floor_23-2147695046.jpg", imageAlt: "Abstract lesson extraction for productivity"},
{
id: "p5",
name: "Emotional Regulation",
price: "Composure",
variant: "#emotional",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-craft-beer-concept_23-2148111312.jpg",
imageAlt: "Abstract tagging system for emotional regulation",
},
id: "p5", name: "Emotional Regulation", price: "Composure", variant: "#emotional", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-craft-beer-concept_23-2148111312.jpg", imageAlt: "Abstract tagging system for emotional regulation"},
{
id: "p6",
name: "Knowledge & Learning",
price: "Understanding",
variant: "#knowledge",
imageSrc: "http://img.b2bpic.net/free-photo/red-haired-portrait_1385-594.jpg",
imageAlt: "Abstract search and filter for knowledge",
},
id: "p6", name: "Knowledge & Learning", price: "Understanding", variant: "#knowledge", imageSrc: "http://img.b2bpic.net/free-photo/red-haired-portrait_1385-594.jpg", imageAlt: "Abstract search and filter for knowledge"},
]}
title="Categorize Your Growth"
description="Tag entries to pinpoint areas of discipline, spiritual growth, health, and productivity, creating a holistic view of your development patterns."
@@ -299,25 +189,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "How does 'The Past as a Fuel' ensure my privacy?",
content: "Your data is stored locally on your device (browser storage or local SQLite), ensuring your mistakes and growth journey remain completely private and between you and Allah.",
},
id: "faq1", title: "How does 'The Past as a Fuel' ensure my privacy?", content: "Your data is stored locally on your device (browser storage or local SQLite), ensuring your mistakes and growth journey remain completely private and between you and Allah."},
{
id: "faq2",
title: "What is Muhasabah?",
content: "Muhasabah is an Islamic concept of self-accounting, where one reflects on their actions, seeks improvement, and takes responsibility for their deeds. This journal is a digital tool for this profound practice.",
},
id: "faq2", title: "What is Muhasabah?", content: "Muhasabah is an Islamic concept of self-accounting, where one reflects on their actions, seeks improvement, and takes responsibility for their deeds. This journal is a digital tool for this profound practice."},
{
id: "faq3",
title: "Can I edit past entries?",
content: "Yes, you can edit entries to refine your analysis, update your Fire Extinguisher protocols, or deepen your Refined Fuel lessons as you gain new insights.",
},
id: "faq3", title: "Can I edit past entries?", content: "Yes, you can edit entries to refine your analysis, update your Fire Extinguisher protocols, or deepen your Refined Fuel lessons as you gain new insights."},
{
id: "faq4",
title: "How long does it take to make an entry?",
content: "The structured 4-step process is designed for efficiency. Initial logging can be quick, with deeper analysis taking as little as 5-10 minutes, making it highly disciplined.",
},
id: "faq4", title: "How long does it take to make an entry?", content: "The structured 4-step process is designed for efficiency. Initial logging can be quick, with deeper analysis taking as little as 5-10 minutes, making it highly disciplined."},
]}
sideTitle="Common Inquiries on Growth"
sideDescription="Have questions about 'The Past as a Fuel' or the Muhasabah process? Find answers to frequently asked questions here."
@@ -332,67 +210,31 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Khalid Al-Fariq",
role: "Software Architect",
company: "Tech Innovations",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-4094.jpg",
},
id: "t1", name: "Khalid Al-Fariq", role: "Software Architect", company: "Tech Innovations", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-4094.jpg"},
{
id: "t2",
name: "Aisha Rahman",
role: "Author & Educator",
company: "Mindful Living",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-shooting-with-projector_23-2149424927.jpg",
},
id: "t2", name: "Aisha Rahman", role: "Author & Educator", company: "Mindful Living", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-shooting-with-projector_23-2149424927.jpg"},
{
id: "t3",
name: "Omar Hassan",
role: "Entrepreneur",
company: "Impact Ventures",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg",
},
id: "t3", name: "Omar Hassan", role: "Entrepreneur", company: "Impact Ventures", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg"},
{
id: "t4",
name: "Fatima Zahra",
role: "Data Scientist",
company: "Quantum Analytics",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-guy-shirt-looks-camera-thoughtfully-against-isolated-wall_197531-23276.jpg",
},
id: "t4", name: "Fatima Zahra", role: "Data Scientist", company: "Quantum Analytics", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-guy-shirt-looks-camera-thoughtfully-against-isolated-wall_197531-23276.jpg"},
{
id: "t5",
name: "Yusuf Khan",
role: "Management Consultant",
company: "Strategic Insights",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
},
id: "t5", name: "Yusuf Khan", role: "Management Consultant", company: "Strategic Insights", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
{
id: "t6",
name: "Leila Said",
role: "Psychologist",
company: "Inner Compass",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-scene-depicting-sun-god-s_23-2151339298.jpg",
},
id: "t6", name: "Leila Said", role: "Psychologist", company: "Inner Compass", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-scene-depicting-sun-god-s_23-2151339298.jpg"},
]}
kpiItems={[
{
value: "95%",
label: "Users report clarity",
},
value: "95%", label: "Users report clarity"},
{
value: "4.9/5",
label: "Average discipline rating",
},
value: "4.9/5", label: "Average discipline rating"},
{
value: "70%+",
label: "Mistakes converted to fuel",
},
value: "70%+", label: "Mistakes converted to fuel"},
]}
title="Insights from the Journey"
description="Hear how others (or your future self) have embraced self-accountability and transformed their past into a powerful engine for continuous, disciplined change."
@@ -403,8 +245,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
tag="Connect"
title="Share Your Thoughts"
description="Your insights help us refine 'The Past as a Fuel.' Reach out with feedback, support requests, or share your Muhasabah journey."
@@ -420,37 +261,23 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "Dashboard",
href: "#dashboard",
},
label: "Dashboard", href: "#dashboard"},
{
label: "Lessons",
href: "#lessons",
},
label: "Lessons", href: "#lessons"},
{
label: "About Muhasabah",
href: "#about",
},
label: "About Muhasabah", href: "#about"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Support",
href: "#contact",
},
label: "Support", href: "#contact"},
],
},
]}