Merge version_2 into main #4
@@ -13,9 +13,7 @@ export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Capabilities", id: "capabilities" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Resources", id: "resources" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Start Now", id: "contact" },
|
||||
];
|
||||
|
||||
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"
|
||||
imageAlt="LifeOS Support Team"
|
||||
buttons={[
|
||||
{ text: "Start Free Trial", href: "/contact" },
|
||||
{ text: "Start Now", href: "/contact" },
|
||||
{ text: "Schedule Demo", href: "/contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -99,7 +97,7 @@ export default function ContactPage() {
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
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."
|
||||
onSubmit={(email) => console.log("Email submitted:", email)}
|
||||
/>
|
||||
@@ -117,4 +115,4 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,76 +1,16 @@
|
||||
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 = {
|
||||
title: "LifeOS - AI Life Operating System for Professionals",
|
||||
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,
|
||||
},
|
||||
};
|
||||
title: "LifeOS", description: "Your Personal AI Life Operating System"};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${dmSans.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1438,7 +1378,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
116
src/app/page.tsx
116
src/app/page.tsx
@@ -6,21 +6,17 @@ import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
||||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
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() {
|
||||
const navItems = [
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Capabilities", id: "capabilities" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Resources", id: "resources" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Start Now", id: "contact" },
|
||||
];
|
||||
|
||||
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"
|
||||
imageAlt="AI Life Operating System Dashboard"
|
||||
buttons={[
|
||||
{ text: "Start Free Trial", href: "contact" },
|
||||
{ text: "Start Now", href: "contact" },
|
||||
{ text: "Watch Demo", onClick: () => {} },
|
||||
]}
|
||||
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,
|
||||
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,
|
||||
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,
|
||||
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,
|
||||
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,
|
||||
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,
|
||||
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>
|
||||
|
||||
{/* 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 */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
@@ -197,49 +182,6 @@ export default function HomePage() {
|
||||
/>
|
||||
</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 */}
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
@@ -294,7 +236,7 @@ export default function HomePage() {
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
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."
|
||||
onSubmit={(email: string) => console.log("Email signup:", email)}
|
||||
/>
|
||||
@@ -310,4 +252,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user