Update src/app/page.tsx

This commit is contained in:
2026-05-30 13:49:10 +00:00
parent 1f72685634
commit 2ee484b0b7

View File

@@ -7,11 +7,9 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen'; import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial'; import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen'; import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import { CalendarCheck, Gauge, Lightbulb, Scale, ShieldCheck, TrendingUp, Zap } from "lucide-react"; import { CalendarCheck, Gauge, Lightbulb, Scale, ShieldCheck, TrendingUp, Zap } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
@@ -33,13 +31,17 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Log Entry", id: "#logEntry"}, name: "Home", id: "#hero"},
{ {
name: "Dashboard", id: "#dashboard"}, name: "Features", id: "#features"},
{ {
name: "Lessons", id: "#lessons"}, name: "Lessons", id: "#lessons"},
{ {
name: "About", id: "#about"}, name: "FAQ", id: "#faq"},
{
name: "Testimonials", id: "#testimonials"},
{
name: "Contact", id: "#contact"},
]} ]}
brandName="The Past as a Fuel" brandName="The Past as a Fuel"
/> />
@@ -49,7 +51,9 @@ export default function LandingPage() {
<HeroSplitTestimonial <HeroSplitTestimonial
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "canvas-reveal"}} variant: "plain"}}
videoSrc="https://assets.mixkit.co/videos/preview/mixkit-young-woman-working-with-a-laptop-4485-large.mp4"
videoAriaLabel="Background video of a woman working"
title="Transform Regret into Refined Fuel" 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." description="A private, disciplined digital journal for logging mistakes, analyzing causes, formulating action plans, and extracting invaluable life lessons for continuous personal growth."
testimonials={[ testimonials={[
@@ -71,9 +75,9 @@ export default function LandingPage() {
]} ]}
buttons={[ buttons={[
{ {
text: "New Fuel Entry", href: "#logEntry"}, text: "New Fuel Entry", href: "#hero"},
{ {
text: "View Dashboard", href: "#dashboard"}, text: "View Features", href: "#features"},
]} ]}
avatars={[ avatars={[
{ {
@@ -111,14 +115,6 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
tag="Our Philosophy"
title="Muhasabah: The Art of Self-Accountability"
/>
</div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardSixteen <FeatureCardSixteen
animationType="depth-3d" animationType="depth-3d"
@@ -137,28 +133,6 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="dashboard" data-section="dashboard">
<MetricCardOne
animationType="scale-rotate"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
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: "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"
description="Track your progress, identify patterns, and visualize the conversion of regret into measurable, actionable growth. Every metric is a testament to your discipline."
/>
</div>
<div id="lessons" data-section="lessons"> <div id="lessons" data-section="lessons">
<ProductCardFour <ProductCardFour
animationType="slide-up" animationType="slide-up"
@@ -263,11 +237,13 @@ export default function LandingPage() {
{ {
label: "Home", href: "#hero"}, label: "Home", href: "#hero"},
{ {
label: "Dashboard", href: "#dashboard"}, label: "Features", href: "#features"},
{ {
label: "Lessons", href: "#lessons"}, label: "Lessons", href: "#lessons"},
{ {
label: "About Muhasabah", href: "#about"}, label: "FAQ", href: "#faq"},
{
label: "Testimonials", href: "#testimonials"},
], ],
}, },
{ {