bender/0c8f1cac-702b-4263-8652-08db95641456
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-08 17:10:46 +00:00
parent 4483407d82 037c1920cf
commit ae5f021d08
3 changed files with 70 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/app/layout.tsx
View File

@@ -1,48 +1,50 @@
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";
import { ServiceWrapper } from "@/providers/serviceWrapper/ServiceWrapper";
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`}
>
<body className={`${inter.variable}`}>
<ServiceWrapper>
<Tag />
{children}
</ServiceWrapper>
<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 +1412,10 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
function Tag() {
return null;
}

59
src/app/page.tsx
View File

@@ -1,11 +1,11 @@
"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';
@@ -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" }}
@@ -92,22 +92,26 @@ export default function LandingPage() {
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"
@@ -118,37 +122,32 @@ export default function LandingPage() {
animationType="slide-up"
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"
},
{
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"
},
{
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"
}
]}
/>
</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", 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" }
]
}
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
animationType="slide-up"
useInvertedBackground={true}
/>
</div>
@@ -240,4 +239,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f7f6f7;
--card: #ffffff;
--foreground: #250c0d;
--primary-cta: #b82b40;
--background: #ffffff;
--card: #f5f5f5;
--foreground: #000000;
--primary-cta: #000000;
--primary-cta-text: #f7f6f7;
--secondary-cta: #ffffff;
--secondary-cta-text: #250c0d;
--accent: #b90941;
--background-accent: #e8a8b6;
--accent: #808080;
--background-accent: #e8e8e8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);