Merge version_1 into main #1
115
src/app/page.tsx
115
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -30,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Idea",
|
||||
id: "about",
|
||||
},
|
||||
name: "Idea", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "social-proof",
|
||||
},
|
||||
name: "Community", id: "social-proof"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Habit Arena"
|
||||
/>
|
||||
@@ -53,31 +46,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Turn Your Habits Into A Battle"
|
||||
description="Habit Arena is a social gamified habit tracker where consistency is your weapon and procrastination is the boss."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/location-app-template-set_23-2148695871.jpg",
|
||||
imageAlt: "Habit Arena Interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/location-app-template-set_23-2148695871.jpg", imageAlt: "Habit Arena Interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-task-management-app-set_23-2148667058.jpg",
|
||||
imageAlt: "Habit Arena Interface 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-task-management-app-set_23-2148667058.jpg", imageAlt: "Habit Arena Interface 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/infographic-mobile-running-app_23-2148237958.jpg",
|
||||
imageAlt: "Habit Arena Interface 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/infographic-mobile-running-app_23-2148237958.jpg", imageAlt: "Habit Arena Interface 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/goals-habits-tracking-app_23-2148647227.jpg",
|
||||
imageAlt: "Goals and habits tracking app",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/goals-habits-tracking-app_23-2148647227.jpg", imageAlt: "Goals and habits tracking app"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/running-mobile-app-infographic-flat-design_52683-16497.jpg",
|
||||
imageAlt: "Running mobile app infographic flat design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/running-mobile-app-infographic-flat-design_52683-16497.jpg", imageAlt: "Running mobile app infographic flat design"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -99,28 +81,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Team Boss Battles",
|
||||
description: "Conquer tasks as a team and reduce the Boss HP together.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/idea-icon-yellow-puzzle-piece-connected-with-white-grid-puzzle-backdrop_23-2148207354.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Team Boss Battles", description: "Conquer tasks as a team and reduce the Boss HP together.", imageSrc: "http://img.b2bpic.net/free-photo/idea-icon-yellow-puzzle-piece-connected-with-white-grid-puzzle-backdrop_23-2148207354.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Streak System",
|
||||
description: "Stay consistent and earn streak points for daily habit completion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-working-laptop-network-graphic-overlay_53876-133587.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Streak System", description: "Stay consistent and earn streak points for daily habit completion.", imageSrc: "http://img.b2bpic.net/free-photo/hands-working-laptop-network-graphic-overlay_53876-133587.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Social Motivation",
|
||||
description: "View the progress of others and compete on live leaderboards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-video-game-set-elements_23-2150305041.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Social Motivation", description: "View the progress of others and compete on live leaderboards.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-video-game-set-elements_23-2150305041.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "XP & Leveling",
|
||||
description: "Gamify your life with XP points for every task completed successfully.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473190.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "XP & Leveling", description: "Gamify your life with XP points for every task completed successfully.", imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473190.jpg", buttonIcon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Why Habit Arena?"
|
||||
@@ -133,14 +103,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Habit Heroes",
|
||||
"The Consistent Squad",
|
||||
"Daily Gamers",
|
||||
"Goal Crushers",
|
||||
"Procrastination Fighters",
|
||||
"Arena Legends",
|
||||
"Routine Masters",
|
||||
]}
|
||||
"Habit Heroes", "The Consistent Squad", "Daily Gamers", "Goal Crushers", "Procrastination Fighters", "Arena Legends", "Routine Masters"]}
|
||||
title="Join The Arena"
|
||||
description="Already trusted by communities focused on growth."
|
||||
/>
|
||||
@@ -152,20 +115,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is it different from a to-do list?",
|
||||
content: "We add game mechanics like Boss HP and XP, turning chores into a game.",
|
||||
},
|
||||
id: "q1", title: "How is it different from a to-do list?", content: "We add game mechanics like Boss HP and XP, turning chores into a game."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I play alone?",
|
||||
content: "Yes, but it's designed to be better with a community or teammates.",
|
||||
},
|
||||
id: "q2", title: "Can I play alone?", content: "Yes, but it's designed to be better with a community or teammates."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is it free to use?",
|
||||
content: "Yes, we have an MVP version for all users.",
|
||||
},
|
||||
id: "q3", title: "Is it free to use?", content: "Yes, we have an MVP version for all users."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to your questions about our gamified approach."
|
||||
@@ -180,16 +134,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Early Access"
|
||||
title="Ready to Start Your Quest?"
|
||||
description="Join our community today and make progress part of your daily routine."
|
||||
buttons={[
|
||||
{
|
||||
text: "Download Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Download Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -199,29 +150,19 @@ export default function LandingPage() {
|
||||
logoText="Habit Arena"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -230,4 +171,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user