bender/e3b7c3b3-4eaa-46be-8d8b-8d2d1a641158
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

6 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
d2adc97340 Update src/app/page.tsx 2026-03-07 07:13:14 +00:00
bender
b045701771 Update src/app/layout.tsx 2026-03-07 07:13:13 +00:00
bender
81885f7a9e Update src/app/contact/page.tsx 2026-03-07 07:13:13 +00:00
bender
8c33de3f41 Merge version_1 into main 
Merge version_1 into main
 2026-03-07 07:06:24 +00:00
bender
33671fd046 Merge version_1 into main 
Merge version_1 into main
 2026-03-07 07:05:38 +00:00
bender
bd33582358 Merge version_1 into main 
Merge version_1 into main
 2026-03-07 07:04:13 +00:00
3 changed files with 39 additions and 160 deletions
Expand all files Collapse all files

8
src/app/contact/page.tsx
View File

@@ -13,9 +13,7 @@ export default function ContactPage() {
const navItems = [ const navItems = [
{ name: "Features", id: "features" }, { name: "Features", id: "features" },
{ name: "Capabilities", id: "capabilities" }, { name: "Capabilities", id: "capabilities" },
{ name: "Pricing", id: "pricing" }, { name: "Start Now", id: "contact" },
{ name: "Resources", id: "resources" },
{ name: "Contact", id: "contact" },
]; ];
return ( return (
@@ -46,7 +44,7 @@ export default function ContactPage() {
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/a-modern-sleek-ai-powered-life-operating-1772866977604-fb5c9c8d.png?_wi=2" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/a-modern-sleek-ai-powered-life-operating-1772866977604-fb5c9c8d.png?_wi=2"
imageAlt="LifeOS Support Team" imageAlt="LifeOS Support Team"
buttons={[ buttons={[
{ text: "Start Free Trial", href: "/contact" }, { text: "Start Now", href: "/contact" },
{ text: "Schedule Demo", href: "/contact" }, { text: "Schedule Demo", href: "/contact" },
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
@@ -99,7 +97,7 @@ export default function ContactPage() {
mediaAnimation="slide-up" mediaAnimation="slide-up"
mediaPosition="right" mediaPosition="right"
inputPlaceholder="your.email@company.com" inputPlaceholder="your.email@company.com"
buttonText="Start Free Trial" buttonText="Start Now"
termsText="By signing up, you agree to our Terms of Service and Privacy Policy. No credit card required." termsText="By signing up, you agree to our Terms of Service and Privacy Policy. No credit card required."
onSubmit={(email) => console.log("Email submitted:", email)} onSubmit={(email) => console.log("Email submitted:", email)}
/> />

71
src/app/layout.tsx
View File

@@ -1,76 +1,16 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { DM_Sans } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "LifeOS - AI Life Operating System for Professionals", title: "LifeOS", description: "Your Personal AI Life Operating System"};
description: "Transform your productivity and life balance with AI-powered scheduling, family time protection, and personalized coaching. Designed for working professionals balancing career, family, health, and growth.",
keywords: "productivity app, AI scheduling, life balance, time management, work-life balance, professional productivity, family time protection, digital wellness",
metadataBase: new URL("https://www.lifeos.app"),
alternates: {
canonical: "https://www.lifeos.app",
},
openGraph: {
title: "LifeOS - Your Personal AI Life Operating System",
description: "Intelligent productivity platform combining AI scheduling, life balance analytics, and personalized coaching for working professionals.",
url: "https://www.lifeos.app",
siteName: "LifeOS",
type: "website",
images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/a-modern-sleek-ai-powered-life-operating-1772866977604-fb5c9c8d.png",
alt: "LifeOS Dashboard - AI Life Operating System",
},
],
},
twitter: {
card: "summary_large_image",
title: "LifeOS - AI Life Operating System",
description: "Transform productivity and life balance with intelligent AI scheduling and personalized coaching.",
images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/a-modern-sleek-ai-powered-life-operating-1772866977604-fb5c9c8d.png",
],
},
robots: {
index: true,
follow: true,
},
};
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body>{children}
<body
className={`${halant.variable} ${inter.variable} ${dmSans.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1438,7 +1378,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

114
src/app/page.tsx
View File

@@ -6,21 +6,17 @@ import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleAp
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll"; import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive"; import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout"; import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen"; import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia"; import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplit from "@/components/sections/contact/ContactSplit"; import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Zap, CheckCircle, Clock, BarChart3, Focus, Heart, AlertCircle, Brain, DollarSign, Sparkles, Mail, HelpCircle } from "lucide-react"; import { Zap, CheckCircle, Clock, BarChart3, Focus, Heart, AlertCircle, Brain, Sparkles, Mail, HelpCircle } from "lucide-react";
export default function HomePage() { export default function HomePage() {
const navItems = [ const navItems = [
{ name: "Features", id: "features" }, { name: "Features", id: "features" },
{ name: "Capabilities", id: "capabilities" }, { name: "Capabilities", id: "capabilities" },
{ name: "Pricing", id: "pricing" }, { name: "Start Now", id: "contact" },
{ name: "Resources", id: "resources" },
{ name: "Contact", id: "contact" },
]; ];
return ( return (
@@ -53,7 +49,7 @@ export default function HomePage() {
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/a-modern-sleek-ai-powered-life-operating-1772866977604-fb5c9c8d.png?_wi=1" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/a-modern-sleek-ai-powered-life-operating-1772866977604-fb5c9c8d.png?_wi=1"
imageAlt="AI Life Operating System Dashboard" imageAlt="AI Life Operating System Dashboard"
buttons={[ buttons={[
{ text: "Start Free Trial", href: "contact" }, { text: "Start Now", href: "contact" },
{ text: "Watch Demo", onClick: () => {} }, { text: "Watch Demo", onClick: () => {} },
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
@@ -69,54 +65,66 @@ export default function HomePage() {
title: "AI Automatic Day Scheduler", description: "Intelligent scheduling that optimizes your daily routine based on energy levels, deadlines, family time requirements, and personal goals.", icon: Clock, title: "AI Automatic Day Scheduler", description: "Intelligent scheduling that optimizes your daily routine based on energy levels, deadlines, family time requirements, and personal goals.", icon: Clock,
mediaItems: [ mediaItems: [
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/an-ai-powered-daily-scheduler-interface--1772866977939-c484476d.png", imageAlt: "AI Scheduler Interface"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/an-ai-powered-daily-scheduler-interface--1772866977939-c484476d.png", imageAlt: "AI Scheduler Interface"
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/before-and-after-visual-comparison-showi-1772866977175-b980e896.png", imageAlt: "Optimized Daily Schedule"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/before-and-after-visual-comparison-showi-1772866977175-b980e896.png", imageAlt: "Optimized Daily Schedule"
},
], ],
}, },
{ {
title: "Life Balance Dashboard", description: "Real-time tracking of work, family time, health, learning, and spiritual growth with visual progress indicators and actionable insights.", icon: BarChart3, title: "Life Balance Dashboard", description: "Real-time tracking of work, family time, health, learning, and spiritual growth with visual progress indicators and actionable insights.", icon: BarChart3,
mediaItems: [ mediaItems: [
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/comprehensive-life-balance-analytics-das-1772866977480-336bea85.png", imageAlt: "Life Balance Analytics Dashboard"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/comprehensive-life-balance-analytics-das-1772866977480-336bea85.png", imageAlt: "Life Balance Analytics Dashboard"
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/individual-life-metrics-cards-showing-de-1772866978135-1e817a0e.png", imageAlt: "Life Metrics Overview"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/individual-life-metrics-cards-showing-de-1772866978135-1e817a0e.png", imageAlt: "Life Metrics Overview"
},
], ],
}, },
{ {
title: "Deep Work Mode", description: "Distraction elimination and focus maximization with environmental optimization, notification blocking, and flow state tracking.", icon: Focus, title: "Deep Work Mode", description: "Distraction elimination and focus maximization with environmental optimization, notification blocking, and flow state tracking.", icon: Focus,
mediaItems: [ mediaItems: [
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/deep-focus-mode-activation-screen-showin-1772866979229-f435a307.png", imageAlt: "Deep Work Focus Mode"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/deep-focus-mode-activation-screen-showin-1772866979229-f435a307.png", imageAlt: "Deep Work Focus Mode"
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/minimalist-focus-timer-showing-a-large-c-1772866977267-0b22ad63.png", imageAlt: "Focused Work Timer"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/minimalist-focus-timer-showing-a-large-c-1772866977267-0b22ad63.png", imageAlt: "Focused Work Timer"
},
], ],
}, },
{ {
title: "Family Time Protection", description: "AI-enforced boundaries that guarantee protected family hours and alert you before work bleeds into personal time.", icon: Heart, title: "Family Time Protection", description: "AI-enforced boundaries that guarantee protected family hours and alert you before work bleeds into personal time.", icon: Heart,
mediaItems: [ mediaItems: [
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/family-time-protection-settings-interfac-1772866977681-58e55d87.png", imageAlt: "Family Time Protection Settings"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/family-time-protection-settings-interfac-1772866977681-58e55d87.png", imageAlt: "Family Time Protection Settings"
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/real-time-boundary-violation-alert-notif-1772866977512-59a620c4.png", imageAlt: "Work-Life Boundary Alerts"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/real-time-boundary-violation-alert-notif-1772866977512-59a620c4.png", imageAlt: "Work-Life Boundary Alerts"
},
], ],
}, },
{ {
title: "Distraction Tracker", description: "Real-time monitoring of social media and internet browsing habits with personalized reduction strategies and digital wellness coaching.", icon: AlertCircle, title: "Distraction Tracker", description: "Real-time monitoring of social media and internet browsing habits with personalized reduction strategies and digital wellness coaching.", icon: AlertCircle,
mediaItems: [ mediaItems: [
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/comprehensive-distraction-tracking-analy-1772866977887-3698a1e7.png", imageAlt: "Distraction Tracking Analytics"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/comprehensive-distraction-tracking-analy-1772866977887-3698a1e7.png", imageAlt: "Distraction Tracking Analytics"
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/detailed-application-usage-insights-show-1772866977050-57042618.png", imageAlt: "Application Usage Insights"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/detailed-application-usage-insights-show-1772866977050-57042618.png", imageAlt: "Application Usage Insights"
},
], ],
}, },
{ {
title: "AI Coaching & Insights", description: "Personalized daily guidance, weekly optimization reports, and predictive recommendations based on your behavior patterns and goals.", icon: Brain, title: "AI Coaching & Insights", description: "Personalized daily guidance, weekly optimization reports, and predictive recommendations based on your behavior patterns and goals.", icon: Brain,
mediaItems: [ mediaItems: [
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/ai-coaching-interface-showing-personaliz-1772866977844-a36dd740.png", imageAlt: "AI Coaching Interface"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/ai-coaching-interface-showing-personaliz-1772866977844-a36dd740.png", imageAlt: "AI Coaching Interface"
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/weekly-ai-optimization-report-showing-co-1772866979134-2a561259.png", imageAlt: "Weekly Optimization Report"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AbgrarWA6Ni3cF0kNAO9uvWj12/weekly-ai-optimization-report-showing-co-1772866979134-2a561259.png", imageAlt: "Weekly Optimization Report"
},
], ],
}, },
]} ]}
@@ -148,29 +156,6 @@ export default function HomePage() {
/> />
</div> </div>
{/* Metrics Section */}
<div id="resources" data-section="resources">
<MetricCardFourteen
title="Professionals trust LifeOS to transform their daily productivity and life balance. Our users report significant improvements in work-life harmony and personal satisfaction."
tag="Life Impact"
tagAnimation="slide-up"
metrics={[
{
id: "1", value: "2.5+ hrs", description:
"Average daily productivity gain through optimized scheduling and focus mode"},
{
id: "2", value: "89%", description:
"Improvement in family time quality and consistency reporting"},
{
id: "3", value: "3x", description: "Reduction in decision fatigue through AI-powered daily planning"},
{
id: "4", value: "95%", description: "Successful meeting of daily life balance goals with AI coaching"},
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
{/* Testimonials Section */} {/* Testimonials Section */}
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen <TestimonialCardFifteen
@@ -197,49 +182,6 @@ export default function HomePage() {
/> />
</div> </div>
{/* Pricing Section */}
<div id="pricing" data-section="pricing">
<PricingCardThree
plans={[
{
id: "1", price: "$29/month", name: "Essential", buttons: [
{ text: "Start Free Trial", onClick: () => {} },
{ text: "Learn More", href: "#" },
],
features: [
"Daily AI scheduling", "Basic life balance tracking", "Deep focus mode", "Distraction monitoring", "Email support"],
},
{
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
price: "$79/month", name: "Professional", buttons: [
{ text: "Start Free Trial", onClick: () => {} },
{ text: "Learn More", href: "#" },
],
features: [
"Advanced AI scheduling", "Complete life analytics", "Priority focus mode", "Advanced distraction tracking", "Weekly AI coaching", "Priority support", "Integration suite"],
},
{
id: "3", price: "$149/month", name: "Elite", buttons: [
{ text: "Start Free Trial", onClick: () => {} },
{ text: "Chat to Sales", href: "contact" },
],
features: [
"Premium AI scheduling", "Real-time life optimization", "Elite focus features", "Predictive analytics", "Daily personalized coaching", "24/7 priority support", "Full integration suite", "Family account management"],
},
]}
animationType="slide-up"
title="Simple, Transparent Pricing"
description="Choose the plan that fits your productivity goals. All plans include core features with different levels of AI personalization."
tag="Affordable Plans"
tagIcon={DollarSign}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "View All Plans", href: "/pricing" }]}
buttonAnimation="slide-up"
/>
</div>
{/* FAQ Section */} {/* FAQ Section */}
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitMedia <FaqSplitMedia
@@ -294,7 +236,7 @@ export default function HomePage() {
mediaAnimation="slide-up" mediaAnimation="slide-up"
mediaPosition="right" mediaPosition="right"
inputPlaceholder="your.email@company.com" inputPlaceholder="your.email@company.com"
buttonText="Start Free Trial" buttonText="Start Now"
termsText="By signing up, you agree to our Terms of Service and Privacy Policy. No credit card required." termsText="By signing up, you agree to our Terms of Service and Privacy Policy. No credit card required."
onSubmit={(email: string) => console.log("Email signup:", email)} onSubmit={(email: string) => console.log("Email signup:", email)}
/> />