Add src/app/about/page.tsx
This commit is contained in:
169
src/app/about/page.tsx
Normal file
169
src/app/about/page.tsx
Normal file
@@ -0,0 +1,169 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import {
|
||||
Award,
|
||||
Sparkles,
|
||||
Users,
|
||||
Heart,
|
||||
Zap,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Daily Tracker"
|
||||
navItems={[
|
||||
{ name: "Habits", id: "habits" },
|
||||
{ name: "Cycle", id: "cycle" },
|
||||
{ name: "Analytics", id: "analytics" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "About", id: "/about" },
|
||||
]}
|
||||
button={{ text: "Get Started", href: "#" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-intro" data-section="about-intro">
|
||||
<SplitAbout
|
||||
tag="About Us"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
title="8+ Years of Wellness Excellence"
|
||||
description="Since 2016, we've been dedicated to helping people understand themselves better through daily habit tracking and cycle awareness. Our mission is to empower individuals with the tools and insights they need to build sustainable wellness routines and optimize their lives."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Founded in 2016", description: "Over 8 years of experience building wellness solutions that truly matter to our users.", icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Trusted by Thousands", description: "Our platform is used by thousands of individuals worldwide who trust us with their personal health data.", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Science-Backed Approach", description: "Built on research about circadian rhythms, menstrual cycles, and behavioral psychology to maximize results.", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Privacy First", description: "Your data stays on your device. We believe wellness is personal and private by design.", icon: Heart,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/interface-task-management-application_23-2148632023.jpg?_wi=1"
|
||||
imageAlt="Our wellness platform"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
buttons={[{ text: "View Pricing", href: "/pricing" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-impact" data-section="about-impact">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Our Impact"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
title="Building Wellness Communities"
|
||||
description="With 8+ years of dedicated development and a passionate community of users, we've refined our approach to wellness tracking. Our experience has taught us what truly matters: simplicity, consistency, and actionable insights."
|
||||
metrics={[
|
||||
{ value: "8+", title: "Years of Excellence" },
|
||||
{ value: "10K+", title: "Active Users" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/beauty-salon-booking-application-template-with-photo_23-2148569131.jpg?_wi=1"
|
||||
imageAlt="Community impact"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
tag="Meet Our Team"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
title="Passionate Wellness Advocates"
|
||||
description="Our diverse team brings together expertise in health, technology, and design to create the best wellness tracking experience."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", role: "Founder & CEO", imageSrc: "http://img.b2bpic.net/free-vector/colorful-social-media-weekly-plan-calendar_742173-9916.jpg?_wi=1", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", role: "CTO & Lead Developer", imageSrc: "http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148358960.jpg?_wi=1", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3", name: "Emma Rodriguez", role: "Wellness Coach & Product Lead", imageSrc: "http://img.b2bpic.net/free-vector/interface-task-management-application_23-2148632023.jpg?_wi=1", imageAlt: "Emma Rodriguez"},
|
||||
]}
|
||||
buttons={[{ text: "Join Our Team", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCTA
|
||||
tag="Ready to Join Us?"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
title="Start Your Wellness Journey Today"
|
||||
description="Join thousands of people who have transformed their daily routines and wellness awareness using our 8+ years of refined wellness expertise."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Get Started Now", href: "/" },
|
||||
{ text: "View Pricing", href: "/pricing" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Habit Tracker", href: "/" },
|
||||
{ label: "Cycle Tracker", href: "/" },
|
||||
{ label: "Analytics", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "FAQ", href: "/" },
|
||||
{ label: "Support", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Contact Us", href: "/" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2025 Personal Daily Tracker Dashboard. All rights reserved."
|
||||
bottomRightText="Built for your wellness journey"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user