Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8d20b31ccb | |||
| 46021a49c9 | |||
| f19ecaecbc | |||
| c0fea05b90 | |||
| 2ace99759b | |||
| ae5f021d08 | |||
| 037c1920cf | |||
| a85acdcb58 | |||
| ee74b93718 | |||
| 4483407d82 |
@@ -1,48 +1,46 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Mulish } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const mulish = Mulish({
|
||||
variable: "--font-mulish", subsets: ["latin"],
|
||||
});
|
||||
import "./styles/variables.css";
|
||||
import "./styles/base.css";
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Axis | Map Your Personal Growth", description: "Track your mind, body, spirit, and vocation in one unified system. Transform scattered self-improvement into structured, measurable progress with Axis.", keywords: "personal growth, habit tracking, life balance, wellness, productivity, self-improvement, goal setting, progress tracking", openGraph: {
|
||||
title: "Axis | Map Your Personal Growth", description: "Track your mind, body, spirit, and vocation in one unified system. Transform scattered self-improvement into structured, measurable progress.", url: "https://axis.app", siteName: "Axis", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/books-versus-technology-concept_23-2149765859.jpg", alt: "Axis personal growth tracking platform"},
|
||||
],
|
||||
type: "website"},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Axis | Map Your Personal Growth", description: "Track your mind, body, spirit, and vocation in one unified system.", images: ["http://img.b2bpic.net/free-photo/books-versus-technology-concept_23-2149765859.jpg"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "Axis - Personal Growth Platform", description: "Map your growth across mind, body, spirit, and vocation. Track your progress and achieve true life balance."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${mulish.variable} ${inter.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<body className={`${inter.variable}`}>
|
||||
{children}
|
||||
<script
|
||||
id="lenis-script"
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
const html = document.documentElement;
|
||||
const body = document.body;
|
||||
let lenis;
|
||||
const initLenis = () => {
|
||||
import('https://cdn.jsdelivr.net/gh/darkroomengineering/lenis@latest/bundled/lenis.js').then(() => {
|
||||
lenis = new window.Lenis();
|
||||
function raf(time) {
|
||||
lenis.raf(time);
|
||||
requestAnimationFrame(raf);
|
||||
}
|
||||
requestAnimationFrame(raf);
|
||||
});
|
||||
};
|
||||
initLenis();
|
||||
`,
|
||||
}}
|
||||
/>
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1410,7 +1408,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,30 +1,30 @@
|
||||
"use client"
|
||||
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Award, CheckCircle, HelpCircle, Rocket, Sparkles, Zap } from 'lucide-react';
|
||||
import { Award, CheckCircle, HelpCircle, Rocket, Sparkles, Zap, Users, TrendingUp, Heart } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
@@ -42,7 +42,7 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
<HeroBillboardGallery
|
||||
title="Map Your Growth"
|
||||
description="Track your mind, body, spirit, and vocation in one unified system. Axis transforms scattered self-improvement into structured, measurable progress."
|
||||
background={{ variant: "plain" }}
|
||||
@@ -54,8 +54,11 @@ export default function LandingPage() {
|
||||
{ text: "Join Beta", href: "https://example.com/beta" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/books-versus-technology-concept_23-2149765859.jpg"
|
||||
imageAlt="Axis app dashboard showing growth tracking interface"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/books-versus-technology-concept_23-2149765859.jpg", imageAlt: "Axis app dashboard showing growth tracking interface"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
ariaLabel="Axis personal growth platform hero section"
|
||||
/>
|
||||
@@ -88,26 +91,30 @@ export default function LandingPage() {
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Initial Assessment", description: "Complete a thoughtful evaluation of your current state across mind, body, spirit, and vocation. Understand where you stand today.", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-late-project_23-2149006067.jpg"},
|
||||
title: "Initial Assessment", description: "Complete a thoughtful evaluation of your current state across mind, body, spirit, and vocation. Understand where you stand today.", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-late-project_23-2149006067.jpg"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Daily Habits", description: "Receive personalized habit recommendations tailored to your growth goals. Track daily actions with simple, intuitive check-ins.", imageSrc: "http://img.b2bpic.net/free-vector/calendar-template-design_742173-15324.jpg"},
|
||||
title: "Daily Habits", description: "Receive personalized habit recommendations tailored to your growth goals. Track daily actions with simple, intuitive check-ins.", imageSrc: "http://img.b2bpic.net/free-vector/calendar-template-design_742173-15324.jpg"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Progress Visualization", description: "Watch your growth unfold with powerful dashboards and charts. See which areas are thriving and where you need support.", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-gradient-template_23-2148376261.jpg"},
|
||||
title: "Progress Visualization", description: "Watch your growth unfold with powerful dashboards and charts. See which areas are thriving and where you need support.", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-gradient-template_23-2148376261.jpg"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Balance Insights", description: "Achieve true life balance as Axis reveals patterns and suggests micro-adjustments. Maintain momentum across all four dimensions.", imageSrc: "http://img.b2bpic.net/free-vector/vitamin-food-infographic_23-2148498084.jpg"}
|
||||
title: "Balance Insights", description: "Achieve true life balance as Axis reveals patterns and suggests micro-adjustments. Maintain momentum across all four dimensions.", imageSrc: "http://img.b2bpic.net/free-vector/vitamin-food-infographic_23-2148498084.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
<MetricCardOne
|
||||
title="Trusted by Growth-Minded Professionals"
|
||||
description="Join thousands who've transformed their lives through intentional progress"
|
||||
tag="Impact"
|
||||
@@ -116,40 +123,33 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "10K+", title: "Active Users", items: [
|
||||
"Ambitious professionals aged 25–40", "Wellness coaches and mentors", "Personal development enthusiasts"
|
||||
]
|
||||
id: "1", value: "10K+", title: "Active Users", description: "Ambitious professionals aged 25–40, wellness coaches and mentors, personal development enthusiasts", icon: Users
|
||||
},
|
||||
{
|
||||
id: "2", value: "500K+", title: "Habits Tracked", items: [
|
||||
"Daily habit completion", "Consistent growth momentum", "Real transformation stories"
|
||||
]
|
||||
id: "2", value: "500K+", title: "Habits Tracked", description: "Daily habit completion, consistent growth momentum, real transformation stories", icon: TrendingUp
|
||||
},
|
||||
{
|
||||
id: "3", value: "98%", title: "User Satisfaction", items: [
|
||||
"Intuitive interface design", "Measurable progress insights", "Life-changing impact"
|
||||
]
|
||||
id: "3", value: "98%", title: "User Satisfaction", description: "Intuitive interface design, measurable progress insights, life-changing impact", icon: Heart
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Axis finally gave me clarity on what actually matters. Tracking my growth across all four dimensions has been transformative—I can see exactly where I'm thriving and where I need support. It's like having a personal life coach in my pocket."
|
||||
rating={5}
|
||||
author="Sarah Mitchell, Executive Coach"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg", alt: "Sarah Mitchell" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-15696.jpg", alt: "James Chen" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg", alt: "Emma Rodriguez" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office-with-tablet-device_23-2150167751.jpg", alt: "David Park" }
|
||||
<TestimonialCardSix
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Mitchell", handle: "Executive Coach", testimonial: "Axis finally gave me clarity on what actually matters. Tracking my growth across all four dimensions has been transformative—I can see exactly where I'm thriving and where I need support. It's like having a personal life coach in my pocket.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg"
|
||||
}
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
title="What Our Users Say"
|
||||
description="Real stories from real people transforming their lives"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -203,7 +203,7 @@ export default function LandingPage() {
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -240,4 +240,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f7f6f7;
|
||||
--background: #ffffff;
|
||||
--card: #ffffff;
|
||||
--foreground: #250c0d;
|
||||
--primary-cta: #b82b40;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #000000;
|
||||
--primary-cta-text: #f7f6f7;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #f5f5f5;
|
||||
--secondary-cta-text: #250c0d;
|
||||
--accent: #b90941;
|
||||
--background-accent: #e8a8b6;
|
||||
--accent: #000000;
|
||||
--background-accent: #f5f5f5;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user