Update src/app/page.tsx
This commit is contained in:
@@ -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"},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
Reference in New Issue
Block a user